DropdownMenu
| Prop | Type | Default | Attributes |
|---|---|---|---|
children | React.ReactNode | No default value— | |
position | union | bottom-start | |
fallbackPositions | union | No default value— | |
fallbackAdjustLayout | boolean | No default value— | |
fallbackMinHeight | string | No default value— | |
triggerType | union | click | |
contentGap | number | 2 | |
contentShift | number | No default value— | |
contentMaxHeight | union | No default value— | |
width | union | No default value— | |
active | boolean | No default value— | |
defaultActive | boolean | No default value— | |
onOpen | callback | No default value— | |
onClose | callback | No default value— | |
hideAnimationDisabled | boolean | No default value— | |
closeOnOutsideClickDisabled | boolean | No default value— | |
instanceRef | ref | No default value— | |
positionRef | ref | No default value— | |
originCoordinates | object | No default value— | |
initialFocusRef | ref | No default value— | |
containerRef | ref | document.body | |
trapFocusMode | union | action-menu |
DropdownMenu.Trigger
| Prop | Type | Default | Attributes |
|---|---|---|---|
children | callback | No default value— |
DropdownMenu.Content
| Prop | Type | Default | Attributes |
|---|---|---|---|
children | React.ReactNode | No default value— | |
className | union | No default value— | |
attributes | object | No default value— |
DropdownMenu.Section
| Prop | Type | Default | Attributes |
|---|---|---|---|
children | React.ReactNode | No default value— |
DropdownMenu.SectionLabel
| Prop | Type | Default | Attributes |
|---|---|---|---|
children | React.ReactNode | No default value— | |
className | union | No default value— | |
attributes | object | No default value— |
DropdownMenu.Item
| Prop | Type | Default | Attributes |
|---|---|---|---|
children | React.ReactNode | No default value— | |
onClick | callback | No default value— | |
shortcut | React.ReactNode | No default value— | |
tone | "critical" | No default value— | |
startIcon | component | No default value— | |
disabled | boolean | false | |
href | string | No default value— | |
openInNewTab | boolean | No default value— | |
as | union | No default value— | |
render | callback | No default value— | |
stopPropagation | boolean | No default value— | |
className | union | No default value— | |
attributes | object | No default value— |
DropdownMenu.SubMenu
| Prop | Type | Default | Attributes |
|---|---|---|---|
children | React.ReactNode | No default value— | |
position | union | end-top | |
fallbackPositions | union | No default value— | |
fallbackAdjustLayout | boolean | No default value— | |
fallbackMinHeight | string | No default value— | |
contentGap | number | 2.25 | |
contentShift | number | -1.25 | |
width | union | No default value— | |
containerRef | ref | document.body |
DropdownMenu.SubTrigger
| Prop | Type | Default | Attributes |
|---|---|---|---|
children | React.ReactNode | No default value— | |
startIcon | component | No default value— | |
disabled | boolean | false | |
href | string | No default value— | |
openInNewTab | boolean | No default value— | |
as | union | No default value— | |
render | callback | No default value— | |
stopPropagation | boolean | No default value— | |
className | union | No default value— | |
attributes | object | No default value— |