ascii.cnlibs.com
GithubX

Dropdown Menu

A menu of options triggered by a button.

## installation

pnpm dlx shadcn@latest add https://ascii.cnlibs.com/r/dropdown-menu.json

## usage

import { Button } from "@/components/ui/button";
import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
<DropdownMenu>
  <DropdownMenuTrigger render={<Button variant="outline">Actions v</Button>} />
  <DropdownMenuContent chWidth={24}>
    <DropdownMenuGroup>
      <DropdownMenuGroupLabel>Deploy</DropdownMenuGroupLabel>
      <DropdownMenuItem>Redeploy</DropdownMenuItem>
      <DropdownMenuItem>View logs</DropdownMenuItem>
      <DropdownMenuItem disabled>Copy deploy URL</DropdownMenuItem>
    </DropdownMenuGroup>
    <DropdownMenuSeparator />
    <DropdownMenuItem variant="destructive">Revoke deploy</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

## align end

align lines the menu up with the trigger's end edge.

## side right

side opens the menu beside the trigger instead of below it.