All components
Primitives

Toggle

Pressed/unpressed button state with aria-pressed.

Playground

Change the inputs, watch the outputs and copy the usage code.

Toggle

A real qzToggle. The pressed control sets the state; clicks commit once each.

Inputs

Events

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

Template

<button qzToggle [(pressed)]="bold">Bold</button>

Toggle — expanded preview

Example

Toggle
Loading demo…

Install

npm install @quartz-headless/core @quartz-headless/primitives

// exports
import { ToggleDirective } from '@quartz-headless/primitives';

Prefer owning the source? Copy it with the CLI.