Menubar

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