Primitive

MenuSurface

Generic menu surface for command, suggestion, and option workflows.

Use MenuSurface for the shell only. Search, grouping, filtering, and keyboard orchestration stay in components.
navigation
DOM renderImage render
MenuSurfaceDefault

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

Menu surface for command, selected, and destructive workflows.
Render state

Search

Menu surface with search input anatomy.
Render state

Compact

Compact menu density.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
densityDensity-Menu density role.
role'menu' | 'listbox'-ARIA role for the option region.
childrenReactNode-Menu content.