Dropdown Menu Demo

1import {
2  DropdownMenu,
3  DropdownMenuContent,
4  DropdownMenuGroup,
5  DropdownMenuItem,
6  DropdownMenuLabel,
7  DropdownMenuSeparator,
8  DropdownMenuShortcut,
9  DropdownMenuTrigger,
10} from "../ui/dropdown-menu";
11import { Button } from "../ui/button";
12 
13export function DropdownMenuDemo() {
14  return (
15    <DropdownMenu>
16      <DropdownMenuTrigger render={<Button>Open menu</Button>} />
17      <DropdownMenuContent className="w-56">
18        <DropdownMenuLabel>My Account</DropdownMenuLabel>
19        <DropdownMenuSeparator />
20        <DropdownMenuGroup>
21          <DropdownMenuItem>
22            Profile
23            <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
24          </DropdownMenuItem>
25          <DropdownMenuItem>
26            Settings
27            <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
28          </DropdownMenuItem>
29        </DropdownMenuGroup>
30        <DropdownMenuSeparator />
31        <DropdownMenuItem>Log out</DropdownMenuItem>
32      </DropdownMenuContent>
33    </DropdownMenu>
34  );
35}