Ship-It Designv0.0.3
GitHub

Dots

Each example below is a real component instance — flip the theme toggle to see how it adapts.

Static#

Loading…

Interactive#

Loading…

Props#

Props for Dots
PropTypeDefaultDescription
total *numberTotal dot count.
current *numberZero-based index of the active dot.
onChange((index: number) => void) | undefinedOptional click handler — when provided, dots become focusable buttons.
aria-labelstring | undefinedProgressAccessible label. Defaults to `Progress`.