Spinner
A Warcraft-themed loading spinner using an SVG path. Size it with Tailwind's size-* utilities.
Sizes
size-4
size-6
size-10
size-16
size-24
In Button (Loading State)
In Badge
Syncing
Loading
Processing
In Card
Standalone Loader
Usage
<script>
import { Spinner } from 'warcraftcn-ui-svelte';
</script>
<Spinner class="size-10" />Props
| Prop | Type | Default |
|---|---|---|
| class | string | "" |
Size the spinner with Tailwind's size-* utility via the class prop. All other attributes are forwarded to the underlying
SVG.