Menubar

1import {
2  Menubar,
3  MenubarContent,
4  MenubarItem,
5  MenubarMenu,
6  MenubarSeparator,
7  MenubarShortcut,
8  MenubarSub,
9  MenubarSubContent,
10  MenubarSubTrigger,
11  MenubarTrigger,
12} from "passport-ui";

1<Menubar>
2  <MenubarMenu>
3    <MenubarTrigger>File</MenubarTrigger>
4    <MenubarContent>
5      <MenubarItem>
6        New Tab <MenubarShortcut>⌘T</MenubarShortcut>
7      </MenubarItem>
8      <MenubarItem>
9        New Window <MenubarShortcut>⌘N</MenubarShortcut>
10      </MenubarItem>
11      <MenubarItem disabled>New Incognito Window</MenubarItem>
12      <MenubarSeparator />
13      <MenubarSub>
14        <MenubarSubTrigger>Share</MenubarSubTrigger>
15        <MenubarSubContent>
16          <MenubarItem>Email link</MenubarItem>
17          <MenubarItem>Messages</MenubarItem>
18          <MenubarItem>Notes</MenubarItem>
19        </MenubarSubContent>
20      </MenubarSub>
21    </MenubarContent>
22  </MenubarMenu>
23  <MenubarMenu>
24    <MenubarTrigger>Edit</MenubarTrigger>
25    <MenubarContent>
26      <MenubarItem>
27        Undo <MenubarShortcut>⌘Z</MenubarShortcut>
28      </MenubarItem>
29      <MenubarItem>
30        Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut>
31      </MenubarItem>
32    </MenubarContent>
33  </MenubarMenu>
34</Menubar>