warcraftcn warcraftcn/ui

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

Loading Quest
Fetching quest data from the archives...
Please wait while we retrieve your quest details.

Standalone Loader

Usage

<script>
  import { Spinner } from 'warcraftcn-ui-svelte';
</script>

<Spinner class="size-10" />

Props

PropTypeDefault
classstring""

Size the spinner with Tailwind's size-* utility via the class prop. All other attributes are forwarded to the underlying SVG.