Variants
default
secondary
outline
Sizes
sm
md
lg
Custom Count
2 dots
5 dots
Use Case: Button Loading
Props
| Prop | Type | Description |
|---|---|---|
| variant | "default" | "secondary" | "outline" | Dot color scheme |
| size | "sm" | "md" | "lg" | Dot size |
| count | number | Number of bouncing dots (default: 3) |
| duration | number | Animation duration in seconds (default: 0.5) |
| delayStep | number | Delay between dots in ms (default: 100) |
| className | string | Additional classes on the root element |
Usage
<Loader />
<Loader variant="secondary" size="lg" />
<Loader count={5} duration={0.8} delayStep={150} />