Dropdown Menu
Displays a menu to the user — such as a set of actions or functions — triggered by a button.
Made by imskyleenPowered by
Loading component...
Installation
When to use
Use this decision tree to determine when to use the Dropdown Menu component:
Usage
<DropdownMenu>
<DropdownMenuTrigger>Open Dropdown Menu</DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuItem>Item 1</DropdownMenuItem>
<DropdownMenuItem>Item 2</DropdownMenuItem>
<DropdownMenuItem>Item 3</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>Examples
Checkboxes
Loading component...
Radio Group
Loading component...
Props
Animate UI Props
DropdownMenu
Prop
Type
DropdownMenuSubTrigger
Prop
Type
DropdownMenuContent
Prop
Type
DropdownMenuItem
Prop
Type
DropdownMenuLabel
Prop
Type
Credits
- We use Radix UI for the dropdown menu component.
- We take our inspiration from Shadcn UI for the dropdown menu style.
- We use Animate UI from imskyleen for all the animations.
Built by malinskibeniamin. The source code is available on GitHub.