UI / Components / layout / SidePanel

SidePanel

Right or left drawer. Backdrop fade.

Sliding drawer from the left or right edge. Backdrop fades in, panel springs from off-screen. Use for settings, comment rails, detail pane.

$npx dock-ui add side-panel

Usage

import { SidePanel } from "@/components/ui/side-panel";

<SidePanel side="right" open={open} onOpenChange={setOpen}>
  <SettingsContent />
</SidePanel>

Install

via CLI

$ npx dock-ui add side-panel

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/side-panel.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →