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
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.

Search

Menu surface with search input anatomy.

Compact

Compact menu density.

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.