Displays a menu to the user—such as a set of actions or functions—triggered by a button.


contentThe component that pops out when the dropdown menu is open.
childrenThe Children prop allows users to pass other components as a property, enabling users to compose together components.
arrowAn optional arrow element to render alongside the dropdown menu. This can be used to help visually link the trigger with the DropdownMenu.Content. Must be rendered inside DropdownMenu.Content.
triggerThe button that toggles the dropdown menu. By default, the DropdownMenu.Content will position itself against the trigger.
classNameThe className property can be used to add a CSS class to a component that accepts styling. In Clutch, the className property powers the visual styling panel and the class name itself is auto-generated. Additional class names can be passed to the component by twirling open the className control and passing in strings.
openThe controlled open state of the dropdown menu. Must be used in conjunction with onOpenChange.
sideOffsetThe distance in pixels from the trigger.