Components
Dropdown Menu
Displays a menu to the user—such as a set of actions or functions—triggered by a button.
Source code
Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.
Installation
Usage
Menu Items w/ Submenu
Translucent Surface
Use the translucent prop on the content surface when you want a softer glassmorphic menu treatment without changing the menu behavior.
Checkbox Menu Items
Radio Menu Items
Filter
Add UiDropdownMenuFilter at the top of the content to let users search the menu. It plugs into the menu's keyboard navigation: arrow keys move the highlight, Enter activates it, and Esc clears the filter before closing the menu. Filtering the items is up to you.
Filter in a Submenu
The filter also works inside UiDropdownMenuSubContent, which is handy for long lists such as teammates or projects.