Usage

Props

Name	Type	Required	Description
className	string	false	Additional className
isSelectable	function	false	Deprecated. (element: any, index?: number, list?: any[]) => boolean
keyHandlerRef	object	false	Ref object which will get the key handler listeners
onSelect	function	false	Callback for selecting an item from the menu ({ event: ReactEvent, item: Menu.Item.props.item, group: bool }) => void item will be the item prop supplied to the Item component group will be true if the clicked item was a group label

keyHandlerRef

Using the keyHandlerRef prop, it is possible to pass in a ref object to Menu which will become the scope for attaching key handlers.

Please note that the ref you are attaching handlers to should exist outside of the Menu's DOM tree

scrollable

Menu.Options

Name	Type	Required	Default	Description
className	string	false		Additional className
scrollable	boolean	false	true

Menu.Item

Name	Type	Required	Default	Description
className	string	false		Additional className
item	object	false		Value which can be passed around various callback functions. Can be anything!
selected	boolean	false	false	Is the item selected

Menu.Group

Name	Type	Required	Default	Description
className	string	false		Additional className
clickable	boolean	false	false	Can the group item be clicked

Menu.Search

Name	Type	Required	Default	Description
className	string	false		Additional className
i18nScope	string	false	core.menu	The i18n key to use for the menu search's configurable strings. Defaults to using the core library's default strings.

Menu.Footer

Name	Type	Required	Default	Description
className	string	false		Additional className

Menu.Header

Name	Type	Required	Default	Description
className	string	false		Additional className

Complex Example

Note: To internationalize the Menu.Search placeholder text, either use the placeholder prop, or pass the path to the translation key to the i18nScope prop on the Menu.Search. Otherwise, the search placeholder text defaults to 'Search' in English