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
isDisabled
Description
If true, the segmented control will be disabled.
Type
booleanDefault
falseisReadOnly
Description
If true, the segmented control will be readonly.
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>SegmentedControlProps
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
stringisDisabled
Description
If true, the segmented control will be disabled.
Type
booleanDefault
falseisReadOnly
Description
If true, the segmented control will be readonly.
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) => voidsize
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