Components / UI components / Navigation
NavigationExperimental alpha

DropdownMenu

An action menu with managed focus, selection controls and disabled items.

DropdownMenu preview

No action selected.

Interactions use local sample data.

Usage and props

Use actions in a menu and links for destination navigation. Menu selection requests application work; it does not establish success.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

Root/Trigger/Content/Item · Item: onSelect · CheckboxItem: checked/onCheckedChange · RadioGroup: value/onValueChange
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard