Feedback

Loader

A compact loading spinner for pending states.

Component

import { Loader } from "@swirski/ui";

3 controls

Controls

size

tone

variant

<Loader 
    tone="blue"
    size="lg" 
    variant="pixel-dots"
    />

4 generated

Prop	Type	Default	Notes
`label`	`string`	`"Loading"`	Generated from LoaderProps.
`size`	`'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl'`	`"md"`	Controls the spinner size.
`tone`	`'blue' \| 'yellow' \| 'red' \| 'black' \| 'pink' \| 'green'`	`"yellow"`	Generated from LoaderProps.
`variant`	`'pixel-dots' \| 'pixel-bars' \| 'pixel-blocks' \| 'pixel-scan'`	`"pixel-dots"`	Generated from LoaderProps.
`className`	`string`	`-`	Adds classes to the spinner.