Sidebar is used to frame persistent application navigation.
tsx
import { Sidebar, SidebarContent, SidebarHeader, SidebarInset, SidebarInsetContent, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarRoot, SidebarSection, SidebarSectionLabel,} from "@/components/aspekt/sidebar";<SidebarRoot> <Sidebar variant="inset"> <SidebarHeader>Acme</SidebarHeader> <SidebarContent> <SidebarSection> <SidebarSectionLabel>Workspace</SidebarSectionLabel> <SidebarMenu> <SidebarMenuItem> <SidebarMenuButton active>Projects</SidebarMenuButton> </SidebarMenuItem> </SidebarMenu> </SidebarSection> </SidebarContent> </Sidebar> <SidebarInset> <SidebarInsetContent> <ProjectsPage /> </SidebarInsetContent> </SidebarInset></SidebarRoot>