Segmented Control
The iOS segmented control: a raised thumb slides under the selected segment on a gray rail. Text, icons, or both.
import { SegmentedControl } from "pleate/segmented-control";Text, icons, sizes
Props
- options
Segments.
{ value, label, icon?, disabled?, aria-label? }[]- value / defaultValue / onValueChange
Selection (one is always selected).
string- size
Height.
"sm" | "md" | "lg"default "md"- fullWidth
Equal segments across the container.
boolean
Accessibility
- A radio group: arrow keys move and select.
- Icon-only segments need an aria-label.