Skip to main content

Menu

Components

Menu(props, context?): ReactNode

A Menu component makes it easier to add an ellipsis menu in your app. A typical use case is for saving UI space by hiding less critical options under a single icon. A Menu component takes all the props of a List component, plus more:

Parameters

ParameterType
propsMenuProps
context?any

Returns

ReactNode

Example

  <Menu
anchor={{
icon: <EllipsisHorizontalIcon />,
variant: 'primary',
greyBg: true,
iconOnly: true,
'aria-label': 'settings',
}}
items={dropDownActions}
/>

Source

libs/design-system-core/src/components/Menu/index.tsx:36

Props

MenuProps: object & ListProps

Type declaration

MemberType
anchorButtonProps
disabledboolean
onMenuClick(e) => void

Source

libs/design-system-core/src/components/Menu/index.tsx:10