Usage
import { DotMatrixLoader } from "@/registry/components/dot-matrix-loader/dot-matrix-loader";
<DotMatrixLoader />Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant? | DotMatrixVariant | "wave" | Animation pattern. |
grid? | number | 5 | Dots per side. |
dot? | number | 6 | Dot diameter, px. |
gap? | number | 3 | Gap between dots, px. |
speed? | number | 1.4 | Seconds per cycle. |
color? | string | "currentColor" | |
label? | string | "Loading" | |
className? | string |
When to use
A distinctive LED-style loading indicator for technical or retro UIs.
When not to use
Inline text loading (bars-spinner is smaller).