Sidebar

Collapsible left navigation sidebar. Datastar signal controls open/collapsed state. Width transitions smoothly.

layout sidebar

Usage

layout.Sidebar(layout.SidebarProps{DefaultOpen: true},
    layout.SidebarSection("Main",
        layout.SidebarItem(layout.SidebarItemProps{Href: "/", Active: true},
            g.Text("Dashboard"), icon.Icon("lucide:home")),
        layout.SidebarItem(layout.SidebarItemProps{Href: "/projects"},
            g.Text("Projects"), icon.Icon("lucide:folder")),
    ),
    layout.SidebarSection("Settings",
        layout.SidebarItem(layout.SidebarItemProps{Href: "/settings"},
            g.Text("Settings"), icon.Icon("lucide:settings")),
    ),
)