Spinner

A loading spinner component with customizable size and color.

Installation

pnpm dlx shadcn-svelte@latest add https://spelte.dev/r/spinner.json

Usage

<script>
  import Spinner from '$registry/spelte/spinner.svelte';
</script>
 
<Spinner />

Examples

Sizes

<Spinner size="sm" />
<Spinner size="default" />
<Spinner size="md" />
<Spinner size="lg" />

Speed

<Spinner speed="slow" />
<Spinner speed="normal" />
<Spinner speed="fast" />

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | size | "sm" | "default" | "md" | "lg" | "md" | Size variant of the spinner | | speed | "slow" | "normal" | "fast" | "normal" | Animation speed | | class | string | — | Additional CSS classes |