Sidebar
layout
Composable sidebar component for navigation menus with collapsible sections, menu items, and hierarchical organization.
@launch/ui
Live Preview
Basic
Basic Sidebar
Simple navigation sidebar
Groups
Grouped Navigation
Sidebar with multiple menu groups
Real World
Admin Dashboard
Sidebar with icons, badges, and footer
Usage Guidance
✓ When to Use
Use for app navigation, documentation sites, admin panels, file explorers, or any interface requiring hierarchical navigation with collapsible sections.
✗ When NOT to Use
Don't use for simple top navigation (use nav), mobile-only menus (use Sheet/Dialog), or non-hierarchical lists.
Props
sidevariantclassNamestylechildrenonClickonChangecollapsibledefaultOpenisCollapsibleisOpenasChildisActivetooltip