Actions
Segmented Control
Mutually exclusive options in a recessed track, uppercase or title case — body type, finance range, income/spending, buy/rent.
Source captures·from the SEED early-access trailer
Body type
Uppercase labels in an inset track — the first choice in character creation.
Kaydan
Selected: Non-binaryRange & breakdown
The finance header switches its range and its breakdown chart.
Net over 7D+9
Full width
Buy/Rent spans the panel and sits above the listing filters.
Listing on Real Estate Market
No listings found.
Plain & icon-only
Marketplace toolbars float segments without a track, and switch layouts with icon-only segments.
Sizes & casing
API
| Prop | Type | Default | Description |
|---|---|---|---|
| options | { value, label, icon?, iconOnly?, disabled? }[] | — | |
| value / defaultValue | string | — | Defaults to the first option; never empty. |
| onValueChange | (value: string) => void | — | |
| variant | "inset" | "plain" | "inset" | |
| size | "sm" | "default" | "lg" | "default" | |
| casing | "upper" | "normal" | "upper" | |
| fullWidth | boolean | false | |
| label | string | — | Accessible name for the group. |