READ THIS FIRST
This project is still in experimental development. Expect bugs and breaking changes!
Overview
Effortless Svelte Icon Component
- Optimized Icon component for Svelte
- Usable with all offical Icon Packs
- Dynamically change theme on runtime
Usage
<script>
//import icon component
import {Icon} from '@steeze-ui/svelte-icon'
//import as many icons from a Icon Pack
import {LightningBolt} from '@steeze-ui/heroicons'
</script>
<!-- Set Icon Theme via the attribute -->
<Icon src={LightningBolt} theme='solid' class='color-gray-900'>
Documentation
Icon attributes
Attribute | Default | Description |
---|
src | - | (required) The source of a icon coming from an Icon Pack |
theme | default | Configures to use a Icon Theme if available (otherwise use default) |
size | 100% | Configures width and height |
class | - | Configures width and height |
* | - | Any html attribute that is valid (e.g aria-hidden) |
Icon Packs
For all available Icon Packs visit steeze-ui/icons
Development
This repo uses pnpm. To build a new version of the package just run:
pnpm install && pnpm package