react-svg-inline icon indicating copy to clipboard operation
react-svg-inline copied to clipboard

Disable suffix by default

Open mattmischuk opened this issue 9 years ago • 3 comments

If you use this component with postcss-local-modules-by-default it clashes with this suffix, I'm not sure as to the reason why this component has this enabled by default. Seems like something you would let the user configure optionally.

mattmischuk avatar Jul 28 '16 02:07 mattmischuk

What is your exact problem? Even if a non configurable css class is added, you have option to add some others.

MoOx avatar Jul 28 '16 05:07 MoOx

My problem is if you are using this module you can't suffix your tokenized classes to have -svg.

eg.


/* Source */

.icon .icon-svg { ... }

/* Results in */

._3qOz7o9UPD9GOtDjAK .KhXtXYu-YdxXx5mi8K-RT { ... }

So all my components look like this:

<SVGInline svg={icon} classSuffix="" />

mattmischuk avatar Jul 28 '16 10:07 mattmischuk

Feel free to make a PR to provides another class name instead of the suffix.

MoOx avatar Jul 28 '16 11:07 MoOx