Components
Segmented Control
Segmented controls let the user choose one option from a small set of mutually exclusive choices, presented inline.
Stable
GitHub
Anatomy
Anatomy
import {SegmentedControl} from '@staffbase/design';
<SegmentedControl.Root>
<SegmentedControl.Item />
</SegmentedControl.Root>Examples
With icons
Variants
API reference
Root
Inherits props fromBase UI Radio Group
| Name | Type | Description |
|---|---|---|
aria-label | string | Accessible label for the segmented control |
variant | studiocontent | Default variant styles are designed for use in studio header. When using Segmented Control in the content area, use the content variant. Default: studio |
Item
Inherits props fromBase UI Radio Root