Toolbar

Action toolbar with roving focus and direction-aware keys.

Playground

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

Roving focus toolbar with orientation, RTL and disabled-state controls.

Inputs

Orientation

RTL

Disabled

Template

<div
  qzToolbar
  aria-label="Formatting"
>&lt;button qzToolbarItem&gt;Bold&lt;/button&gt;…</div>

Toolbar

Loading demo…

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

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

Prefer owning the source? Copy it with the CLI.