MenuRenderer

Used to build higher level menu components that adhere to our accessibility standards, e.g.OverflowMenu uses this internally.
Implementations of this component must provide a `trigger` that can accept DOM properties, in particular event handlers and aria properties used to manage the interactions.

Default

Right aligned menu

Offset space for menu

Required props

trigger
(props: TriggerProps, state: TriggerState) => ReactNode
children
ReactNode

Optional props

align
"left" | "right"
offsetSpace
ResponsiveProp<"medium" | "xsmall" | "small" | "large" | "gutter" | "xxsmall" | "xlarge" | "xxlarge" | "none">
onOpen
() => void
onClose
() => void
data
Record<string, string | number>

Further References