UI / Components / layout / Sidebar

Sidebar

Collapsible nav rail with sections.

App sidebar with collapsible sections, active-route highlight, keyboard nav, and a footer popover for account / theme / sign out. Adapts to mobile with a slide-out drawer below ~640px.

$npx dock-ui add sidebar

Usage

import { Sidebar } from "@/components/ui/sidebar";

<Sidebar sections={sections} activeHref={pathname} />

Install

via CLI
$ npx dock-ui add sidebar
Writes the file(s) directly to your components/ui/ folder. You own the code.
For agents
curl -L https://ui.trydock.ai/r/sidebar.json
Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.
← All components
Themes·Component kit · glossary
View on GitHub →