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