Sidebar

App and docs side navigation.

Home

Selected section content goes here.

Icon and label nav items with an active state and a user footer.

ReactTailwind

Toggle the arrow to collapse the sidebar to icons only.

Collapses to an icon-only rail with an animated width transition.

ReactTailwind

An inverted, dark-themed side rail.

Inverted, dark-themed rail — the look used by most code editors and dev tools.

ReactTailwind

Search filters items; click a section header to collapse it.

Grouped, collapsible sections with a live search box that filters items as you type.

ReactTailwind