Dropdown Menu

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

Was this example helpful?

Usage#

Code
import { DropdownMenu } from "@medusajs/ui"

Code
1<DropdownMenu>2  <DropdownMenu.Trigger>Trigger</DropdownMenu.Trigger>3  <DropdownMenu.Content>4    <DropdownMenu.Item>Edit</DropdownMenu.Item>5    <DropdownMenu.Item>Add</DropdownMenu.Item>6    <DropdownMenu.Item>Delete</DropdownMenu.Item>7  </DropdownMenu.Content>8</DropdownMenu>

API Reference#

DropdownMenu

This component is based on the Radix UI Dropdown Menu primitive.

DropdownMenu.Shortcut

This component is based on the span element and supports all of its props

DropdownMenu.Hint

This component is based on the span element and supports all of its props

Examples#

Sorting#

Implementing collection sorting choices using a Dropdown Menu:

Sorting: none

Was this example helpful?