ToggleGroup

At a glance

• API — qzToggleGroup type single|multiple with qzToggleItem
• Focus — One tab stop; disabled items are skipped
• ARIA — role group with item aria-pressed
• CLI — pnpm quartz add toggle-group

Playground

Live examples

Code

Single, multiple and RTL

alignment = signal<string | readonly string[] | null>('left');

<div qzToggleGroup type="single" [(value)]="alignment">
  <button qzToggleItem="left">Left</button>
  <button qzToggleItem="center">Center</button>
  <button qzToggleItem="right">Right</button>
</div>