Segmented control
canonInline group of mutually exclusive buttons for switching modes.
acrm !4066 (28 Sep 2026): SegmentedOption.count?: number — neutral .acrm-count after the label (CountBadge look, never accent), 0 not drawn; first use segment detail "Vše | Přírůstky (N)" (replaced .sgb-ctl chips). 30 Sep 2026 (acrm !4252, AD FA218): option prop tone?: positive | warning | critical colours only the TEXT of the selected option (.on.seg-tone-*) with --positive-ink / --warning-ink / --critical-ink (AA ≥ 5.3:1 light and dark). Only for an answer with meaning (yes / maybe / no, e.g. meeting RSVP), never decoration; selection still carried by the surface and aria-pressed.
Used in 58 files · 35 areas · 71× — components/accounting, components/agent-desk, components/assistant, components/callwrapup, components/clen-tymu, components/costs …
Import
import { Segmented } from '@acrm/ui'Props
Segmented packages/ui/src/components/Segmented.tsx
| Name | Type | Default | Description |
|---|---|---|---|
options * | SegmentedOption[] | — | — |
value * | string | — | — |
onChange * | (key: string) => void | — | — |
grow | boolean | — | Plná šířka — formulářový přepínač (drawer); default kompaktní toolbar chip. |
ariaLabel | string | — | — |