BalanceReckon Design System

Segmented Control

Deprecated. Switches between views of some data using a compact set of options.

SegmentedControlProps

PropTypeRequiredDefaultDescription
blockboolean—falseWhen true, the control will fill the width of its container.
namestring——The name of the radio group.
onChange(value: Value) => voidYes—Function called when the value changes.
optionsReadonly<{ label: string; value: Value }[]>Yes—The options for the radios of the segmented control.
sizeSegmentedControlSizeType
xsmall|small
—smallRendered height: `small` (32px, the default) or `xsmall` (26px).
valueReadonly<Value>Yes—The current value of the segmented control.