<MenuButton />
The
MenuButton
component follows the WAI-ARIA specification for menu buttons.<Card padding={4} style={{textAlign: 'center'}}>
<MenuButton
button={<Button text="Open menu" />}
id="menu-button-example"
menu={(
<Menu>
<MenuItem text="Option 1" />
<MenuItem text="Option 2" />
<MenuDivider />
<MenuItem text="Option 3" />
</Menu>
)}
placement="right"
popover={{portal: true}}
/>
</Card>
boundaryElement?: HTMLElement | null
button: React.ReactElement
id: string
menu?: React.ReactElement
placement?: Placement
popoverScheme?: 'dark' | 'light'
popoverRadius?: number | number[]
portal?: boolean
Whether or not to render the popover in a portal element (defaults to
false
).