1. Components
  2. MenuButton

<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>

Properties  

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).
Made withby folks at