Tulip Logo IconTulip

Dropdown Menu

Displays a menu to the user triggered by a button.

Usage

import { DropdownMenu } from "@tulip-systems/ui/dropdown-menu";
<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <Button variant="outline">Open menu</Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuGroup>
      <DropdownMenuItem>Profile</DropdownMenuItem>
      <DropdownMenuItem>Billing</DropdownMenuItem>
    </DropdownMenuGroup>
  </DropdownMenuContent>
</DropdownMenu>

Examples

Basic

Shortcuts

Icons

Checkboxes

Checkbox Icons

Radio Group

Radio Icons

Destructive

Avatar

Complex

On this page