Context Menu

1import {
2  ContextMenu,
3  ContextMenuContent,
4  ContextMenuItem,
5  ContextMenuSeparator,
6  ContextMenuShortcut,
7  ContextMenuTrigger,
8} from "passport-ui";

1<div className="flex w-sm h-24 items-center justify-center">
2  <ContextMenu>
3    <ContextMenuTrigger className="flex w-full h-full items-center justify-center rounded-sm border border-dashed text-sm">
4      Right click here
5    </ContextMenuTrigger>
6    <ContextMenuContent className="w-52">
7      <ContextMenuItem>
8        Back
9        <ContextMenuShortcut>⌘[</ContextMenuShortcut>
10      </ContextMenuItem>
11      <ContextMenuItem disabled>
12        Forward
13        <ContextMenuShortcut>⌘]</ContextMenuShortcut>
14      </ContextMenuItem>
15      <ContextMenuItem>
16        Reload
17        <ContextMenuShortcut>⌘R</ContextMenuShortcut>
18      </ContextMenuItem>
19      <ContextMenuSeparator />
20      <ContextMenuItem>
21        Print
22        <ContextMenuShortcut>⌘P</ContextMenuShortcut>
23      </ContextMenuItem>
24    </ContextMenuContent>
25  </ContextMenu>
26</div>