Overview

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

Properties

Properties	Description
content	The component that pops out when the dropdown menu is open.
children	The Children prop allows users to pass other components as a property, enabling users to compose together components.
arrow	An 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.
isFullWidth
trigger	The button that toggles the dropdown menu. By default, the DropdownMenu.Content will position itself against the trigger.
className	The 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.
open	The controlled open state of the dropdown menu. Must be used in conjunction with onOpenChange.
sideOffset	The distance in pixels from the trigger.