Menubar

1"use client"
2 
3import * as React from "react"
4 
5import {
6  Example,
7  ExampleWrapper,
8} from "@/registry/base-vega/components/example"
9import { Button } from "@/registry/base-vega/ui/button"
10import {
11  Dialog,
12  DialogContent,
13  DialogDescription,
14  DialogHeader,
15  DialogTitle,
16  DialogTrigger,
17} from "@/registry/base-vega/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/base-vega/ui/menubar"
35import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
36 
37export default function MenubarExample() {
38  return (
39    <ExampleWrapper>
40      <MenubarBasic />
41      <MenubarWithSubmenu />
42      <MenubarSides />
43      <MenubarWithCheckboxes />
44      <MenubarWithRadio />
45      <MenubarWithIcons />
46      <MenubarWithShortcuts />
47      <MenubarFormat />
48      <MenubarInsert />
49      <MenubarDestructive />
50      <MenubarInDialog />
51      <MenubarWithInset />
52    </ExampleWrapper>
53  )
54}
55 
56function MenubarBasic() {
57  return (
58    <Example title="Basic">
59      <Menubar>
60        <MenubarMenu>
61          <MenubarTrigger>File</MenubarTrigger>
62          <MenubarContent>
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            <MenubarSeparator />
71            <MenubarItem>
72              Print... <MenubarShortcut>⌘P</MenubarShortcut>
73            </MenubarItem>
74          </MenubarContent>
75        </MenubarMenu>
76        <MenubarMenu>
77          <MenubarTrigger>Edit</MenubarTrigger>
78          <MenubarContent>
79            <MenubarItem>
80              Undo <MenubarShortcut>⌘Z</MenubarShortcut>
81            </MenubarItem>
82            <MenubarItem>
83              Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut>
84            </MenubarItem>
85            <MenubarSeparator />
86            <MenubarItem>Cut</MenubarItem>
87            <MenubarItem>Copy</MenubarItem>
88            <MenubarItem>Paste</MenubarItem>
89          </MenubarContent>
90        </MenubarMenu>
91      </Menubar>
92    </Example>
93  )
94}
95 
96function MenubarSides() {
97  return (
98// … truncated