Menu is a component that allows you to create a dropdown menu. It is an accessible dropdown menu for the common dropdown menu button design pattern. Menu uses roving tabIndex for focus management. It is used to display a list of actions or options. You can render a menu item with a submenu by nesting a Menu component inside a MenuItem component.
Menu with aligns
You can align the menu popup by using the align prop.
Menu with matched menu item
Menu items can be matched width with the trigger button. This is useful when you want to align the menu items with the trigger button.
Menu item with left icon
Menu item can have a left icon. You can pass the icon as a child of the MenuItem component.
Menu with disabled menu item
Menu item can be disabled. You can pass the disabled prop to the MenuItem component.
Menu with default opened
Menu can be opened by default.
Menu with menu item selection
Menu item has a selection event. You can add event handler to the menu item.