# Sidebars

> App sidebars and vertical navigation.

- [Docs Sidebar](https://assembli-rho.vercel.app/components/docs-sidebar.md): Documentation sidebar with labeled sections hung off a hairline rail. The active page is a bright segment that springs along it, API pages carry their HTTP method, and the header has a version switcher.
- [Helpdesk Sidebar](https://assembli-rho.vercel.app/components/helpdesk-sidebar.md): Support desk sidebar with collapsible sections. A folded section keeps a running total in its header, urgent counts turn red, and the footer holds an online/away switch for the agent.
- [Outline Sidebar](https://assembli-rho.vercel.app/components/outline-sidebar.md): Handbook outline with every submenu open. Children hang from drawn, curved branches, and the branch from the parent down to the open page lights up. Includes a page filter.
- [Floating Sidebar](https://assembli-rho.vercel.app/components/floating-sidebar.md): Frosted floating sidebar for a photo studio, held off the edge with layered shadows. Submenus sit under each section, collections show a palette strip of their photos, and storage is split by file type.
- [Search Sidebar](https://assembli-rho.vercel.app/components/search-sidebar.md): Settings sidebar with collapsible groups and a live filter. Typing opens every group with a match, marks the matching text and also searches synonyms, so ssl finds TLS certificates. Press / to search.
- [Flyout Sidebar](https://assembli-rho.vercel.app/components/flyout-sidebar.md): Store admin sidebar whose submenus open as flyouts beside each item, on hover, click or the right arrow key. One panel glides between items as you sweep down the list, and the footer charts today’s sales.
- [Rail Sidebar](https://assembli-rho.vercel.app/components/rail-sidebar.md): Analytics sidebar that collapses to an icon rail with ⌘B. When collapsed, a single tooltip glides between icons, and the Realtime item counts live visitors. Has a site switcher and a user footer.
- [Inset Sidebar](https://assembli-rho.vercel.app/components/inset-sidebar.md): App shell with an inset layout: the sidebar sits on the backdrop and the page rises off it as a rounded panel. Projects show progress rings, and help and feedback sit in a quieter secondary nav.
- [Mail Sidebar](https://assembli-rho.vercel.app/components/mail-sidebar.md): Mail client with two nested sidebars, a folder rail and a message list. The list folds into the rail for a wide reading pane, an All/Unread switch filters it in place, and opening a message marks it read.
- [Peek Sidebar](https://assembli-rho.vercel.app/components/peek-sidebar.md): Notes sidebar that hides until you touch the left edge or the menu button, then slides out as a floating sheet and tucks away when you leave. Pin it to dock it beside the page.
- [Explorer Sidebar](https://assembli-rho.vercel.app/components/explorer-sidebar.md): Code editor explorer with open editors, a project tree tinted by git status and the current branch. Folders get a dot when something inside changed, and the open file’s indent guide lights up.
- [Calendar Sidebar](https://assembli-rho.vercel.app/components/calendar-sidebar.md): Calendar app sidebar with a mini month (arrow-key navigation, event dots, months that slide the way you travel), calendars you can show or hide (their dots follow), and an up-next card.
- [Preferences Dialog](https://assembli-rho.vercel.app/components/preferences-dialog.md): Preferences in a dialog with its own sidebar. Sections are grouped by account, workspace and data, the highlight glides between them, and each pane has real controls. Under 640px the sidebar shrinks to icons.
- [Inspector Sidebar](https://assembli-rho.vercel.app/components/inspector-sidebar.md): Right-hand inspector for a CRM deal. Click a stage to move it along the chevron track, edit the value in place, and read the activity timeline without leaving the list.
- [Dual Sidebar](https://assembli-rho.vercel.app/components/dual-sidebar.md): Team chat shell with a sidebar on each side: channels and people on the left, members, pins and files on the right. Either folds away from the header, and a huddle button shows a live audio meter.
- [Console Sidebar](https://assembli-rho.vercel.app/components/console-sidebar.md): Cloud console layout with a sticky site header (org, project and environment breadcrumbs) and a sidebar pinned beneath it while the page scrolls. The environment’s color runs along the header.
- [Dock Rail](https://assembli-rho.vercel.app/components/dock-rail.md): Vertical app navigation rail with dock-style magnification: icons swell on springs as the pointer passes, with slide-out tooltips, unread badges and an active marker.
- [Workspace Sidebar](https://assembli-rho.vercel.app/components/workspace-sidebar.md): App sidebar with a workspace switcher, collapsible nav sections, an active indicator that glides between items, badges, a usage meter and a collapse-to-icons mode that springs its width.

Back to [all components](https://assembli-rho.vercel.app/components.md).