kapable

SegmentedControl

Forms · 1 export · v0.1.0 · showcase

Compact exclusive choice built on native radios and arrow-key behavior.

Browse 72 component families

Preview

View

TableBoardList

Usage

<SegmentedControl label="View" name="view" options={views} />

SegmentedControl props
prop	type	notes
label	string	Accessible group name (sr-only legend — segments are self-evident chrome).
name	string	Shared form field name.
options	SegmentedOption[]
defaultValue?	string	Value checked on first render (uncontrolled). Defaults to the first option.
disabled?	boolean
size?	'sm' \| 'md'	'md' (default) or 'sm' for dense rows.
mix?	MixInput