Components
Dropdown Menu
A small anchored action menu for contextual actions, overflow controls, and compact options.
Tap to show a QR code for the Expo showcase deep link. The web preview below runs in the browser.
Loading...
Installation
Install the registry item directly, then add any package dependencies if you are setting the component up manually.
1
Install the component
Run the registry command below to add dropdown-menu to your project.
watermelon add dropdown-menu2
Import the component
Import Dropdown Menu from your local UI registry output.
Import
import { DropdownMenu } from "@/components/ui/dropdown-menu";Import
Import
import {
DropdownMenu,
DropdownMenuCheckboxItem,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuRadioGroup,
DropdownMenuRadioItem,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";Usage
Dropdown menus stay anchored to the trigger. On native, content uses
useWindowDimensions for placement, supports align and sideOffset on
DropdownMenuContent, and includes checkbox, radio, and destructive items
similar to shadcn.
Loading...
API Reference
| prop | type | default | description |
|---|---|---|---|
| open / defaultOpen | boolean | false | Controls whether the menu is visible. |