Sidebar - Component Showcase

Basic Sidebar

With Multiple Groups

With Trigger & Collapsible

Click the trigger or press ⌘ B / Ctrl B to toggle.

Usage

<twig:Sidebar variant="inline" collapsible="offcanvas">
    <twig:SidebarHeader>...</twig:SidebarHeader>
    <twig:SidebarContent>
        <twig:SidebarGroup>
            <twig:SidebarGroupLabel>...</twig:SidebarGroupLabel>
            <twig:SidebarGroupContent>
                <twig:SidebarMenu>
                    <twig:SidebarMenuItem>
                        <twig:SidebarMenuButton href="..." :active="true">
                            ...
                        </twig:SidebarMenuButton>
                    </twig:SidebarMenuItem>
                </twig:SidebarMenu>
            </twig:SidebarGroupContent>
        </twig:SidebarGroup>
    </twig:SidebarContent>
    <twig:SidebarFooter>...</twig:SidebarFooter>
</twig:Sidebar>
<twig:SidebarInset>
    <twig:SidebarTrigger />
    Main content
</twig:SidebarInset>