Displays a list of options that can be selected by the user, typically triggered by a click or hover
Loading...
Use <DropdownGroup /> to organize items into individual sections
Loading...
Use <DropdownMenuCheckboxItem /> to render an item with a checkbox appearance
Loading...
Use <DropdownMenuRadioGroup /> & <DropdownMenuRadioItem /> to render an item with a radio group appearance
Loading...
Setting the side prop to top bottom left or right in <DropdownMenuContent /> will open the menu at the specified position (default is bottom).
Loading...
Setting the align prop to start center or end in <DropdownMenuContent /> will open the menu at the specified position (default is center).
Loading...
Loading...
Use same props to: <DropdownMenuSubTrigger /> <DropdownMenuCheckboxItem /> <DropdownMenuRadioItem />
| Prop | Type | Default |
|---|---|---|
| variant | solid outline soft ghost | soft |
| color | default primary secondary success error | default |