Dots Menu

<DropdownMenu>
  <DropdownMenuTrigger render={<Button variant="ghost" size="icon-sm" aria-label="More options" />}>
  <Ellipsis />
  </DropdownMenuTrigger>
  <DropdownMenuContent align="end">
    <DropdownMenuItem>Edit</DropdownMenuItem>
    <DropdownMenuItem>Share</DropdownMenuItem>
    <DropdownMenuSeparator />
    <DropdownMenuItem variant="destructive">Delete</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

{/* Sizes — trigger button size */}
<Button variant="ghost" size="icon-xs"><Ellipsis /></Button>
<Button variant="ghost" size="icon-sm"><Ellipsis /></Button>
<Button variant="ghost" size="icon"><Ellipsis /></Button>

{/* Disabled trigger */}
<Button variant="ghost" size="icon-sm" disabled><Ellipsis /></Button>

{/* Disabled menu item */}
<DropdownMenuItem disabled>Share (Pro)</DropdownMenuItem>