Sidebar

1"use client"
2 
3import * as React from "react"
4 
5import {
6  DropdownMenu,
7  DropdownMenuContent,
8  DropdownMenuItem,
9  DropdownMenuTrigger,
10} from "@/registry/base-vega/ui/dropdown-menu"
11import {
12  Item,
13  ItemActions,
14  ItemContent,
15  ItemDescription,
16  ItemTitle,
17} from "@/registry/base-vega/ui/item"
18import { Label } from "@/registry/base-vega/ui/label"
19import {
20  Sidebar,
21  SidebarContent,
22  SidebarGroup,
23  SidebarGroupContent,
24  SidebarGroupLabel,
25  SidebarHeader,
26  SidebarInput,
27  SidebarInset,
28  SidebarMenu,
29  SidebarMenuButton,
30  SidebarMenuItem,
31  SidebarProvider,
32  SidebarRail,
33  SidebarTrigger,
34} from "@/registry/base-vega/ui/sidebar"
35import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
36 
37export default function SidebarExample() {
38  const data = {
39    versions: ["1.0.1", "1.1.0-alpha", "2.0.0-beta1"],
40    navMain: [
41      {
42        title: "Getting Started",
43        url: "#",
44        items: [
45          {
46            title: "Installation",
47            url: "#",
48          },
49          {
50            title: "Project Structure",
51            url: "#",
52          },
53        ],
54      },
55      {
56        title: "Build Your Application",
57        url: "#",
58        items: [
59          {
60            title: "Routing",
61            url: "#",
62          },
63          {
64            title: "Data Fetching",
65            url: "#",
66            isActive: true,
67          },
68          {
69            title: "Rendering",
70            url: "#",
71          },
72          {
73            title: "Caching",
74            url: "#",
75          },
76          {
77            title: "Styling",
78            url: "#",
79          },
80          {
81            title: "Optimizing",
82            url: "#",
83          },
84          {
85            title: "Configuring",
86            url: "#",
87          },
88          {
89            title: "Testing",
90            url: "#",
91          },
92          {
93            title: "Authentication",
94            url: "#",
95          },
96          {
97            title: "Deploying",
98            url: "#",
99          },
100          {
101            title: "Upgrading",
102            url: "#",
103          },
104          {
105            title: "Examples",
106            url: "#",
107          },
108        ],
109      },
110      {
111        title: "API Reference",
112        url: "#",
113        items: [
114          {
115            title: "Components",
116            url: "#",
117          },
118          {
119            title: "File Conventions",
120            url: "#",
121          },
122          {
123            title: "Functions",
124// … truncated