react-svg-inline
react-svg-inline copied to clipboard
Disable suffix by default
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.
What is your exact problem? Even if a non configurable css class is added, you have option to add some others.
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="" />
Feel free to make a PR to provides another class name instead of the suffix.