value
RequiredDescription
The value of the segmented control button.
Type
stringSegmentedControl
SegmentedControl is a component used for allowing users to select one option from multiple choices.
Props
SegmentedControlButtonProps
disabled
Description
If true, the segmented control will be disabled.
Type
booleanDefault
falseisDisabled
DeprecatedDescription
If true, the segmented control will be disabled.
Deprecated
Use disabled instead.
Type
booleanDefault
falseisReadOnly
DeprecatedDescription
If true, the segmented control will be readonly.
Deprecated
Use readOnly instead.
Type
booleanDefault
falsemotionProps
Description
Props for motion component.
Type
MotionPropsonChange
Description
The callback fired when any children radio is checked or unchecked.
Type
ChangeEventHandler<HTMLInputElement>readOnly
Description
If true, the segmented control will be readonly.
Type
booleanDefault
falseSegmentedControlProps
colorScheme
Description
The visual color appearance of the component.
Type
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"defaultValue
Description
The initial value of the segmented control.
Type
stringdisabled
Description
If true, the segmented control will be disabled.
Type
booleanDefault
falseisDisabled
DeprecatedDescription
If true, the segmented control will be disabled.
Deprecated
Use disabled instead.
Type
booleanDefault
falseisReadOnly
DeprecatedDescription
If true, the segmented control will be readonly.
Deprecated
Use readOnly instead.
Type
booleanDefault
falseitems
Description
If provided, generate segmented control buttons but based on items.
Type
SegmentedControlItem[]Default
'[]'name
Description
The HTML name attribute used for forms.
Type
stringonChange
Description
The callback fired when any children radio is checked or unchecked.
Type
(value: string) => voidreadOnly
Description
If true, the segmented control will be readonly.
Type
booleanDefault
falsesize
Description
The size of the SegmentedControl.
Type
"sm" | "md" | "lg"Default
"md"value
Description
The value of the segmented control.
Type
stringvariant
Description
The variant of the SegmentedControl.
Type
"basic" | "rounded"Default
"basic"Edit this page on GitHub