SegmentedControl

INTERACTIVE

Inline radio group rendered as toggle buttons. Supports generic types for type-safe selection.

[EXAMPLES]

Interactive

[PROPS]

PROPTYPEDEFAULTDESCRIPTION
options{ value: T; label: string; disabled?: boolean }[]—Segment options
valueT—Selected value
onChange(value: T) => void—Selection callback
size"sm" | "md" | "lg""md"Control size

[ACCESSIBILITY]

KEYBOARD SHORTCUTS

KEYACTION
Arrow Left/RightSwitch segment

ARIA

  • >role="radiogroup"
  • >Each segment has role="radio"
< SparklineNPSSurvey >