Search documentation

Type to search the documentation.

Primitives

Switch

A compact button-based ARIA switch for boolean state. Use it where the change takes effect immediately.

At a glance

  • Button first — Native click, Enter and Space behavior
  • Signals — Two-way checked model
  • ARIA — role switch and aria-checked included
  • CLI — pnpm quartz add switch

Playground

Switch

A real qzSwitch.

Inputs

Events

No events yet. Interact with the preview to see them here.

Switch — expanded preview

Live examples

Loading demo…

Code

Basic, controlled and disabled

enabled = signal(false);

<button qzSwitch [(checked)]="enabled">
  Notifications
</button>