Home > @uniformdev/design-system > MenuProps

MenuProps interface

Signature:

Extends: MenuProps$2

Properties

<table><thead><tr><th>

Property

</th><th>

Modifiers

</th><th>

Type

</th><th>

Description

</th></tr></thead> <tbody><tr><td>

children?

</td><td>

</td><td>

React$1.ReactNode

</td><td>

(Optional) (optional) allows users to add child elements

</td></tr> <tr><td>

disableAutoSeparatorManagement?

</td><td>

</td><td>

boolean

</td><td>

(Optional) By default the menu will automatically remove MenuItemSeparator components when they are: - the first child - the last child - adjacent to another separator

...both in the menu's immediate child items and any Fragment or MenuGroup components' children within. This simplifies boolean logic with highly conditional menus so one can not worry about contiguous separators. If you need to disable this functionality, set this prop to true.

</td></tr> <tr><td>

forceVisible?

</td><td>

</td><td>

boolean

</td><td>

(Optional) Overrides the visibility of the menu. When unset, visibility is owned by the menu. When a boolean, forces the menu visibility.

</td></tr> <tr><td>

maxMenuHeight?

</td><td>

</td><td>

string

</td><td>

(Optional) (optional) sets the maximum height of the menu setting a max menu height value will make the menu scrollable if the content exceeds the height this is not compatible with nested menus that expand to the left or right of the menu

</td></tr> <tr><td>

menuItemsContainerCssClasses?

</td><td>

</td><td>

SerializedStyles | string

</td><td>

(Optional) (optional) allows users to set additional class names

</td></tr> <tr><td>

menuLabel?

</td><td>

</td><td>

string

</td><td>

(Optional) sets aria-label attribute.

</td></tr> <tr><td>

menuTrigger

</td><td>

</td><td>

React$1.ReactElement & React$1.RefAttributes<any>

</td><td>

the component that triggers the menu functionality

</td></tr> <tr><td>

placement?

</td><td>

</td><td>

MenuStoreProps['placement'] | LegacyPlacement

</td><td>

(Optional) (optional) reakit placements options for the expandable menu

</td></tr> <tr><td>

testId?

</td><td>

</td><td>

string

</td><td>

(Optional) (optional) sets the test id attribute

</td></tr> <tr><td>

withoutPortal?

</td><td>

</td><td>

boolean

</td><td>

(Optional) sets whether to use a React portal rendering or not.

</td></tr> </tbody></table>