Name | Type | Required | Default | Description |
---|---|---|---|---|
UNSAFE_closesOnSelect | boolean | false | ||
children | ReactNode | false | ||
className | string | false | Additional classNames | |
isSelectable | ElementTypeChecker | false | ||
keyHandlerRef | RefObject<HTMLElement> | false | Ref object which will get the key handler listeners | |
scrollable | boolean | false | ||
style | CSSProperties | false | Additional CSS styles | |
usingHook | MenuHook | false | ||
onScrollBottom | Function | false | ||
onSearch | Function | false | ||
onSelect | Function | false | Callback for selecting an item from the menu. |
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
Name | Type | Required | Default | Description |
---|---|---|---|---|
children | ReactNode | false | ||
className | string | false | ||
padding | string | false | ||
scrollable | boolean | false |
Name | Type | Required | Default | Description |
---|---|---|---|---|
children | ReactNode | false | ||
className | string | false | ||
index | number | false | ||
item | any | false | Value which can be passed around various callback functions. Can be anything! | |
ref | Ref<any> | false | ||
selected | boolean | false | Is the item selected | |
style | CSSProperties | false | Additional CSS styles | |
suggested | boolean | false | ||
onClick | Function | false |
Name | Type | Required | Default | Description |
---|---|---|---|---|
className | string | false | ||
clickable | boolean | false | Can the group item be clicked | |
item | any | false | Value which can be passed around various callback functions. Can be anything! |
Name | Type | Required | Default | Description |
---|---|---|---|---|
data-qa | string | false | ||
i18nScope | string | false | The i18n key to use for the menu search's configurable strings. Defaults to using the core library's default strings. | |
onChange | Function | false |
Name | Type | Required | Default | Description |
---|---|---|---|---|
children | ReactNode | false | ||
className | string | false | Additional classNames | |
style | CSSProperties | false | Additional CSS styles | |
tabIndex | number | false |
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
Unsafe, do not use
9
Never offically documented/supported
10.19.0