Segmented Control
A segmented control for timeframes and view modes like 24h, 7d and 30d, with a thumb that slides between the options.
Segmented Control
A segmented control for timeframes and view modes like 24h, 7d and 30d, with a thumb that slides between the options.
When to use it
The plain version of the same idea, for when the surrounding UI is already dense and the control should recede. Tabular labels keep the thumb from resizing as the selection moves.
Props · SegmentedControl
| Prop | Type | Default |
|---|---|---|
| options | string[] | · |
| value? | string | · |
| onChange? | (v: string) => void className?: string | · |
Generated from the component source. Run npm run props:extract after changing a signature.