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 theSelectMenuclassName
stringSpecifies class name to append to the base element
children
nodeDefaultnullSpecifies the content of the
MenuItemas
elementTypeDefault'button'Specifies the base element
iconBefore
nodeSpecifies the jsx before the content of the
MenuItemiconAfter
nodeSpecifies the jsx after the content of the
MenuItem