Aspekt logoAspekt UI

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>