Primitive

Listbox

Selectable option listbox surface for picker, menu, and select workflows.

Use Listbox for selectable option regions; keep filtering, selection state, and keyboard flow in components.
control
DOM renderImage render
ListboxDefault

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Selectable option listbox surface with selected and disabled states.
Render state

Compact

Compact listbox for dense popovers and generated controls.
Render state

Empty

Empty listbox state.
No matches
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
density'compact' | 'default' | 'loose'-Option density.
emptyLabelReactNode-Empty state label.
childrenReactNode-Option rows or command rows.