search

natemoo-re / astro-icon

Inline and sprite-based SVGs in Astro made easy!
https://astroicon.dev
Other
990 stars 57 forks source link

feature: Disable optimized sprites #217

Open preetamslot opened 3 months ago

preetamslot commented 3 months ago

What version of astro-icon are you using?

No response

Astro Info

latest

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

When I use the same icon multiple times, but the first icon is in a vue component that transforms the icon, all icons are affected.

example. Social icons in a hidden menu, Now footer social icons only show when the menu is open (visible).

Arrow icon in faq, all icons rotate when the first faq item is open.

What's the expected result?

I would like that the sprite is not affected by the state of the first icon OR that I can disable optimized sprites for an icon.

Link to Minimal Reproducible Example

https://

hrvstr commented 2 months ago

This is already possible with the is:inline directive.

https://github.com/natemoo-re/astro-icon/pull/200