Open kkoudelka opened 4 months ago
We just published version 0.2.8 which fixes this.
I just tested this, however it was not working for me.
I updated the package to 0.2.8
, added prefix: 'ads-'
in tailwind.config.ts
.
Intellisense now shows correct classes:
For instance, classes for my Spinner component were not working.
ads-icon-current
seems to be generating wrong class.
This is shown on hover:
.ads-icon-current.ads-icon-ri.ads-icon-filled
and .ads-icon-current.ads-icon-ri.ads-icon-outlined
Build output is also correct:
/* tailwind.css */
.ads-icon-current.ads-icon-ri.ads-icon-outlined {
stroke: currentColor;
}
.ads-icon-current.ads-icon-ri.ads-icon-filled {
fill: currentColor;
}
And this is what is generated in HTML:
<svg viewBox="0 0 24 24" fill="none" class="icon-ri icon-default icon-filled ads-icon-current ads-size-5 ads-animate-spin">
...
</svg>
icon-ri icon-default icon-filled
are not prefixed with ads-
.
Any idea if this is a config error on my end? Thank you in advance.
The icons work fine without a prefix, however once I want to use custom prefix, Rocketicons stop working.
Background and text colours work:
Rocketicons intellisense:
Using
a-a-icon-current
starts throwing errors like this and the project won't compile:The project compiles just fine using
a-icon-current
, however no Rocketicons classes are bundled intailwind.css
.