| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| active | number | false | ||
| block | boolean | false | The segment controller is block sized | |
| children | ReactNode | false | ||
| className | string | false | Additional classNames | |
| disabled | boolean | false | Disables all segments in the controller | |
| style | CSSProperties | false | Additional CSS styles | |
| variant | "" | "block" | false | ||
| onChange | Function | false | A callback to be called when the radio group value changes |
Applying disabled to the SegmentedController will disable all segments
Applying tooltip to the SegmentedController.Segment will use Tooltip with a hover trigger. Passing a string applies tooltip styles, while passing an element does not.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| active | boolean | false | The segment is active | |
| children | ReactNode | false | ||
| className | string | false | Additional classNames | |
| disabled | boolean | false | Is the segment disabled | |
| placement | Placement | false | To change the tooltip placement | |
| style | CSSProperties | false | Additional CSS styles | |
| tooltip | ReactNode | false | The tooltip we want to display on hover |
The segment is active
10.19.0