Menubar

1"use client"
2 
3import * as React from "react"
4 
5import {
6  Example,
7  ExampleWrapper,
8} from "@/registry/radix-sera/components/example"
9import { Button } from "@/registry/radix-sera/ui/button"
10import {
11  Dialog,
12  DialogContent,
13  DialogDescription,
14  DialogHeader,
15  DialogTitle,
16  DialogTrigger,
17} from "@/registry/radix-sera/ui/dialog"
18import {
19  Menubar,
20  MenubarCheckboxItem,
21  MenubarContent,
22  MenubarGroup,
23  MenubarItem,
24  MenubarLabel,
25  MenubarMenu,
26  MenubarRadioGroup,
27  MenubarRadioItem,
28  MenubarSeparator,
29  MenubarShortcut,
30  MenubarSub,
31  MenubarSubContent,
32  MenubarSubTrigger,
33  MenubarTrigger,
34} from "@/registry/radix-sera/ui/menubar"
35import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
36 
37export default function MenubarExample() {
38  return (
39    <ExampleWrapper>
40      <MenubarBasic />
41      <MenubarWithSubmenu />
42      <MenubarWithCheckboxes />
43      <MenubarWithRadio />
44      <MenubarWithIcons />
45      <MenubarWithShortcuts />
46      <MenubarFormat />
47      <MenubarInsert />
48      <MenubarDestructive />
49      <MenubarInDialog />
50      <MenubarWithInset />
51    </ExampleWrapper>
52  )
53}
54 
55function MenubarBasic() {
56  return (
57    <Example title="Basic">
58      <Menubar>
59        <MenubarMenu>
60          <MenubarTrigger>File</MenubarTrigger>
61          <MenubarContent>
62            <MenubarGroup>
63              <MenubarItem>
64                New Tab <MenubarShortcut>⌘T</MenubarShortcut>
65              </MenubarItem>
66              <MenubarItem>
67                New Window <MenubarShortcut>⌘N</MenubarShortcut>
68              </MenubarItem>
69              <MenubarItem disabled>New Incognito Window</MenubarItem>
70            </MenubarGroup>
71            <MenubarSeparator />
72            <MenubarGroup>
73              <MenubarItem>
74                Print... <MenubarShortcut>⌘P</MenubarShortcut>
75              </MenubarItem>
76            </MenubarGroup>
77          </MenubarContent>
78        </MenubarMenu>
79        <MenubarMenu>
80          <MenubarTrigger>Edit</MenubarTrigger>
81          <MenubarContent>
82            <MenubarGroup>
83              <MenubarItem>
84                Undo <MenubarShortcut>⌘Z</MenubarShortcut>
85              </MenubarItem>
86              <MenubarItem>
87                Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut>
88              </MenubarItem>
89            </MenubarGroup>
90            <MenubarSeparator />
91            <MenubarGroup>
92              <MenubarItem>Cut</MenubarItem>
93              <MenubarItem>Copy</MenubarItem>
94// … truncated