segmented-control

A horizontal set of mutually exclusive segments with one selected — the iOS-style alternative to a dropdown for two to four choices.

Example

States

selected. Common to every node: hover / press / focus CSS bags, showWhen / hideWhen, animate.

Stability

This node type is part of the format contract: adding an optional prop is additive; removing the node or narrowing an existing prop is breaking. Prop tables are generated from the schema; this page carries the prose.