@rubus/svelte-spectrum-icons-ui

Adobe Spectrum Design System ui icons SVG as Svelte components

Usage no npm install needed!

<script type="module">
  import rubusSvelteSpectrumIconsUi from 'https://cdn.skypack.dev/@rubus/svelte-spectrum-icons-ui';
</script>

README

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