XDSDropdownMenuItemData@xds/core · DropdownMenu
Preview coming soon
Usage
A dropdown menu that displays a list of actionable items in a popup triggered by a button. Use to present action options as a next step in a process, or to offer contextual actions without cluttering the interface.Best practices
| Guidance | Practices |
|---|---|
| Do | Keep menu items concise and action-oriented so users can scan options quickly. |
| Do | Use sections and dividers to group related actions when the menu has many items. |
| Don't | Use a DropdownMenu for navigation — use a navigation component instead. |
| Don't | Place more than 10–12 items in a single menu without grouping them into sections. |
Import
ts
Props
| Prop | Type | Description |
|---|---|---|
labelrequired | string | Display label for the item. |
onClick | () => void | Callback fired when the item is selected. |
isDisabled | boolean (default: false) | Whether the item is disabled; disabled items are skipped during keyboard navigation. |
icon | XDSIconType | Icon to display before the item label. See `npx xds docs icons` for valid semantic names. |