ClankControls / headless primitive
ToggleGroup
Single or multiple pressed-button selection.
ToggleGroup / interactiveFluid · fits available space
Semantic parts
Spread each part getter onto the matching element, then style its stable state attributes.
rootitemKeyboard guidance
This horizontal group uses one Tab stop. Arrows move focus without changing selection; activate the focused button to change its pressed state.
Keys verified against the controls used in this preview. Disabled or read-only controls may prevent changes.
- Tab / Shift+Tab
- Enter or leave the group through its current focusable button.
- ArrowLeft / ArrowRight
- Move focus, respecting text direction.Horizontal groups, including this preview.
- ArrowUp / ArrowDown
- Move focus.Vertical groups only; not this preview.
- Home / End
- Focus the first or last enabled button.
- Enter / Space
- Activate the focused native button.