Menu
Menu
An arrow-key navigable Menu which consists of MenuItems. A Menu can be employed to produce its common variants, including dropdown menus, select menus, and others. Menus are keyboard navigable with both tab and arrow keys.
MenuItem
A MenuItem is its own distinct component that is used by any kind of menu overlays i.e. dropdown menu and navigation menu.
A Menu can include things like forms.
A Menu can be implemented to appear inside a modalpopup for a wide variety of use cases. The Modal brings focus to the first menu element upon the click of the trigger, and can be escaped on click away or key press.
- className
stringSpecifies class name to append to the base element
- arrowKeyNavigationSelector
stringDefault'a:not(:disabled),button:not(:disabled),input:not(:disabled)'Specifies the CSS selector string that indicates to which elements the user can navigate using the arrow keys
- as
elementTypeDefault'div'Specifies the base element
- children
nodeDefaultnullSpecifies the content of the menu
- defaultSelected
boolDefaultfalseSpecifies that this
MenuItemis selected inside theSelectMenu - className
stringSpecifies class name to append to the base element
- children
nodeDefaultnullSpecifies the content of the
MenuItem - as
elementTypeDefault'button'Specifies the base element
- iconBefore
nodeSpecifies the jsx before the content of the
MenuItem - iconAfter
nodeSpecifies the jsx after the content of the
MenuItem