Spinner
A loading spinner component to indicate ongoing operations.
Basic Usage
Default Spinner
Variants
Spinner Variants
Two variants available: circle (default) and line.
Circle
Line
Sizes
Spinner Sizes
Available sizes: sm, base (default), md, lg, xl, and 2xl.
sm
base
lg
xl
2xl
sm
base
lg
xl
2xl
Line Variant Sizes
Custom Color
Custom Color
Use the style prop or wrap in a colored container to customize the spinner color.
API Reference
| Prop | Type | Default |
|---|---|---|
variant | "circle" | "line" | "circle" |
size | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "base" |
class | string | - |