Switch between a few related views.
1234567891011121314123456789101112131415123456789101112131415123456789101112131415161718192021222324252627| Prop | Type | Default | Description |
|---|---|---|---|
options? | SegmentedControlOption[] | [] | Array of option objects (optional) |
value? | string | string[] | — | Selected value(s) for controlled component (optional) |
defaultValue? | string | string[] | — | Initial value(s) for uncontrolled component (optional) |
onChange? | (value: string | string[]) => void | — | Callback when value changes (optional) |
multiple? | boolean | false | Allow multiple selection (optional) |
variant? | "default" | "outline" | "filled" | "default" | Visual variant (optional) |
size? | "sm" | "md" | "lg" | "md" | Size variant (optional) |
disabled? | boolean | false | Disable the control (optional) |
className? | string | — | Additional CSS classes (optional) |
SegmentedControlOption interface:
value – string. Option value (required)label – string. Option label (required)icon? – ReactNode. Icon element (optional)disabled? – boolean. Disable this option (optional)