search

idris-maps / svelte-parts

Svelte components
https://svelte-parts.surge.sh
49 stars 5 forks source link

Add support for style in @svelte-parts/icons #6

Closed titieo closed 2 years ago

titieo commented 3 years ago

I think it's better if people can change the style or class of icon

idris-maps commented 2 years ago

The icons inherit the style of the parent element:

<script>
  import ActivityIcon from '@svelte-parts/icons/feather/activity'
</script>

<p>A paragraph with an icon: <ActivityIcon /> that has the same size and color as the text.</p>
<p>A paragraph with an icon: <span class="big-red"><ActivityIcon /></span> that has another style.</p>

<style>
  p { color: blue; font-size: 1em }
  .big-red { color: red; font-size: 2em; }
</style>