Spinner
v1.1.0Loading indicators for async operations.
Aesthetic Variants
Six different spinner styles to choose from.
Loading...
defaultLoading...
dotsLoading...
pulseLoading...
appleLoading...
morphLoading...
waveDimensional Scale Grid
Spinners come in four different sizes.
Loading...
smLoading...
mdLoading...
lgLoading...
xlAPI Reference
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| variant | 'default' | 'dots' | 'pulse' | 'default' | Sets the geometric composition structure and mechanical animation loop behavior. |
| size | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Drives internal element scaling via optimized design token tracking definitions. |
| color | string | undefined | Overrides current theme text colors directly with raw design parameters (e.g., #hex, rgb). |
| className | string | '' | Standard utility string injection point, typically targeting text color profiles (e.g., 'text-primary'). |