Skip to main content

ToggleButtonGroup

ToggleButtonGroup — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

ToggleButtonGroup — Prism component.

Accessibility

Always render a visible <label> (the label prop wires htmlFor/id for you). Errors set aria-invalid and are announced via aria-describedby. Required fields expose aria-required.

Import

const { ToggleButtonGroup } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
itemsToggleItem[]Yes
valuestring | string[]Controlled value: a string (single) or string[] (multiple).
defaultValuestring | string[]
selectionMode"single" | "multiple"
onChange(value: string | string[]) =&gt; void
isDisabledboolean
classNamestring