"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 "@/registry/new-york/ui/breadcrumb" import { Button } from "@/registry/new-york/ui/button" import { Dialog, DialogContent, DialogDescription, DialogTitle, DialogTrigger, } from "@/registry/new-york/ui/dialog" import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, } from "@/registry/new-york/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 ( ) }

Sidebar 13

Instalação

Registry dependencies