Components
Segmented control
A row of mutually exclusive options that looks like a control group, for example Day, Week, Month.
Client componentUses state or handlers, so it starts with "use client".
import { Segmented } from "@glob-ui/segmented"Preview
Showing: week
Examples
Sizes
size is sm, md or lg.
API
Props are generated from the TypeScript types in the package source.
SegmentedProps
Prop
Type
Option
Prop
Type
Accessibility
| Key or action | Behaviour |
|---|---|
| Tab | Enters the group on the checked option. Only one option is in the tab order. |
| Arrow keys | Move to the next or previous option, select it, and wrap. Disabled options are skipped. |
ARIA. The group is role="radiogroup" and each option is role="radio" with aria-checked. Name it with aria-label.