[V0_FILE]typescriptreact:file="components/settings-dialog.tsx" source="https://ui.shadcn.com/blocks/sidebar" "use client" import * as React from "react" import { Bell, Check, Globe, Home, Keyboard, Link, Lock, Menu, MessageCircle, Paintbrush, Settings, Video, } from "lucide-react" import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "@/components/ui/breadcrumb" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogDescription, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, } from "@/components/ui/sidebar" const data = { nav: [ { name: "Notifications", icon: Bell }, { name: "Navigation", icon: Menu }, { name: "Home", icon: Home }, { name: "Appearance", icon: Paintbrush }, { name: "Messages & media", icon: MessageCircle }, { name: "Language & region", icon: Globe }, { name: "Accessibility", icon: Keyboard }, { name: "Mark as read", icon: Check }, { name: "Audio & video", icon: Video }, { name: "Connected accounts", icon: Link }, { name: "Privacy & visibility", icon: Lock }, { name: "Advanced", icon: Settings }, ], } export function SettingsDialog() { const [open, setOpen] = React.useState(true) return ( ) } [V0_FILE]typescriptreact:file="app/dashboard/page.tsx" source="https://ui.shadcn.com/blocks/sidebar" import { SettingsDialog } from "../../components/settings-dialog" export default function Page() { return (

) }

About

Tags

Share

About

Tags

Share

More from aryamank

More Templates Like This

About

Tags

Share

About

Tags

Share

More from aryamank

More Templates Like This