Sidebar (Floating)

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