Hesoyam

Dropdown Menu

Leftover shadcn menu primitive. New UI should use Menu.

Demo

Root, trigger, content, item, separator. Item variant destructive maps to error-colored rows.

Dropdown Menu is leftover. Hesoyam Menu (Menu, MenuButton, MenuItem) is the surface for new actions. Leave this folder so older screens and wrappers (Split Button, Breadcrumbs) keep compiling.


        

          1
          
          <DropdownMenu>
        

          2
          
            <DropdownMenuTrigger as-child>
        

          3
          
              <Button size="small" variant="secondary">Actions</Button>
        

          4
          
            </DropdownMenuTrigger>
        

          5
          
            <DropdownMenuContent>
        

          6
          
              <DropdownMenuItem>Duplicate</DropdownMenuItem>
        

          7
          
              <DropdownMenuItem>Rename</DropdownMenuItem>
        

          8
          
              <DropdownMenuSeparator />
        

          9
          
              <DropdownMenuItem variant="destructive">Delete</DropdownMenuItem>
        

          10
          
            </DropdownMenuContent>
        

          11
          
          </DropdownMenu>

Best practices

  • New action lists, overflow menus, and row menus use Menu. Do not start a new Dropdown Menu tree.
  • Do not rewrite working Split Button or Breadcrumb overflow just to swap primitives.
  • If you must touch an existing tree, keep Hesoyam names on the trigger Button: size="small", variant="secondary".
  • Destructive rows use variant="destructive". Confirm in a Modal, not in the menu.