Skip to content


The Dropdown component is a lightweight context menu for housing navigation and actions.

Dropdown.Menu wraps your menu content. Be sure to pass a direction prop to this component to position the menu in relation to the Dropdown.Button.

Default example

System props

Dropdown, Dropdown.Menu, and Dropdown.Item all get COMMON system props. Read our System Props doc page for a full list of available props.

Component props

directionString'sw'Sets the direction of the dropdown menu.
titleString or NodeSets the text inside of the button, can be either a string or a React node

No additional props.

No additional props.