Dots Grid
Animated dots grid, great for loading spinners.
Example
Examples
Spinner
Arrows
Component Props
| Prop | Type | Default | Description |
|---|---|---|---|
cols* | number | - | The number of columns in the grid |
rows* | number | - | The number of rows in the grid |
values* | string | string[] | - | Single frame or array of frame strings with 0s and 1s representing each dot |
dotSize | number | 12 | The size of each dot |
gap | number | 12 | The gap between dots |
intervalMs | number | 250 | The interval in milliseconds between frames |
className | string | - | Additional classes for the SVG |