Dots
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Static#
Loading…
Interactive#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| total * | number | — | Total dot count. |
| current * | number | — | Zero-based index of the active dot. |
| onChange | ((index: number) => void) | undefined | — | Optional click handler — when provided, dots become focusable buttons. |
| aria-label | string | undefined | Progress | Accessible label. Defaults to `Progress`. |