Segmented Control

Inline single-select control with an animated sliding indicator.

Usage

import { SegmentedControl } from "@qeetrix/ui";

It can also be imported on its own from @qeetrix/ui/components/segmented-control.

Prop	Values
`size`	`sm` · `md` · `lg`

Pass the value prop to control it, or the default prop to let the component own it.

Value	Default	Change
`value`	`defaultValue`	`onValueChange`

hover · active · disabled

Follows the WAI-ARIA radio-group pattern. Not yet audited.

Tab Space ArrowLeft ArrowRight

One Tab stop for the group; arrow keys move between items (roving tab stop).

Covered by unit, accessibility (axe), interaction and visual tests.