Menu
A menu displays a list of actions or options that a user can choose.
Installation
CLI
Copy & Paste
npx @sly-cli/sly add draft-ui menuExamples
Default
This is the default Menu example.
Example
Code
Disabled
Make specific MenuItem's disabled by adding their id to the MenuContent's disabledKeys prop.
Example
Code
With Sections
Add sections to the menu by using MenuSection and MenuHeader.
Example
Code
As Checkbox List
MenuItem can act checkboxes by setting the MenuContent's selectionMode prop to multiple.
Example
Code
As Radio List
MenuItem can act radios by setting the MenuContent's selectionMode prop to single.
Example
Code
Complex Menu Items
Coming Soon: An example showing how to properly create **MenuItem**s with complex content.