Quartz Headless
All components
Primitives

Select

Button-triggered select, single or multiple, with groups and a listbox popup.

DocumentationAPI reference

Playground

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

Select

A real qzSelect. Toggle multiple selection, groups, closeOnSelect, disabled and RTL.

Fruit

Value: null

Inputs

Events

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

Template

<div qzSelect [(value)]="fruit">…</div>

Select — expanded preview

Example

Select
Loading demo…

Install

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

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

Prefer owning the source? Copy it with the CLI.