Wrapper

The Menu component wrapper.

circle-info

This is a compound component.

API

This component extends the native <div>arrow-up-right API. That's why the className prop is not included in the table.

Props
Type
Required

children

ReactNode

βœ…

align

'start' | 'center' | 'end'

❌

alignOffset

number

❌

side

'top' | 'right' | 'bottom' | 'left'

❌

sideOffset

number

❌

defaultOpen

boolean

❌

chevron-rightchildrenhashtag

The children in this case, because it is a compound component, should be the ones provided by this design system.

chevron-rightalignhashtag

This prop changes the position of the Menu based on the Trigger.

chevron-rightalignOffsethashtag

An offset in pixels from the "start" or "end" alignment options.

chevron-rightsidehashtag

Controls the side the menu is rendered from, always based on the trigger. Will be reversed when collisions occur automatically.

chevron-rightsideOffsethashtag

The distance in pixels from the trigger.

chevron-rightdefaultOpenhashtag

Controls a default open state for the menu.

Last updated