Install
npm install @rubus/svelte-spectrum-icons-ui # or yarn
Usage
Add Icon before the iconography name.
<script>
import { IconInfoMedium} from "@rubus/svelte-spectrum-icons-ui";
</script>
<IconInfoMedium class="spectrum-Icon" ariaLabel="info-medium"/>
Learn more about the iconography.
Props
Prop | Type | Defaults | Value |
---|---|---|---|
className | String | "" | As a fallback prop of the svg element class |
scale | String | "M" | "M" or "L" |
ariaLabel | String | Icon name | Element aria-label |
width/height | String / number | Automatically obtain the width and height of the path element in the Svg | Svg element width and height attributes |
What is svelte-spectrum-icons-ui?
Adobe Spectrum Design System ui
icons SVG as Svelte components