SegmentedControl
A SegmentedControl component from the Sigil design system.
Import
import { SegmentedControl, SegmentedControlItem } from "@sigil-ui/components";Preview
Usage
<SegmentedControl>...</SegmentedControl>Sub-components
This component includes the following parts:
<SegmentedControlItem>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | — |
onValueChange | (value: string) => void | — | — |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-radius-md | Radius md |
--s-surface-sunken | Surface sunken |
--s-surface | Surface |
--s-border-style | Border style |
--s-border | Border |
--s-duration-fast | Duration fast |
--s-ring | Ring |
--s-primary | Primary |
--s-background | Background |
--s-text | Text |
--s-shadow-sm | Shadow sm |
--s-text-muted | Text muted |