Sidebar

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