Shadcn UI Sidebar Block
Sidebar5 adds a search input to the sidebar header for filtering navigation items. The search field sits below the logo and above the navigation groups. Collapsible groups with submenus provide organized navigation.
Light background with the search input using a search icon prefix. Navigation items can be filtered by the search query. Collapsible groups maintain their expand/collapse state. The sidebar supports icon-only mode when collapsed.
This variant is useful for applications with many navigation items where users need to quickly find specific pages. The search functionality enhances discoverability without cluttering the interface.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
breadcrumb @shadcn | Registry |
collapsible @shadcn | Registry |
label @shadcn | Registry |
separator @shadcn | Registry |
sidebar @shadcn | Registry |