Feedback

Spin Loader

Circular spinner indicating an indeterminate loading state. Use it for page loads, async operations, or anywhere progress cannot be quantified.

Controls

Size

Variant

Variants

All Sizes

All Variants

Name

Type

Default

size

'xs' | 'sm' | 'md' | 'lg' | 'xl'

'md'

variant

'brand' | 'success' | 'warning' | 'error' | 'default'

'brand'

label

string

'Loading…'

import { SpinLoader } from '@/src/components/Progress/Progress'

<SpinLoader size="md" variant="brand" label="Loading data…" />