PanelSidebar
Animated left or right side panel that collapses to width 0. Used inside chart-test for the inspector rail.
Preview
Usage
import { PanelSidebar } from '@ramtt/ui'
<PanelSidebar side="right" open={open} header={<h2>Inspector</h2>}>
{/* content */}
</PanelSidebar>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| side* | 'left' | 'right' | — | Which edge the panel attaches to |
| open* | boolean | — | Controls expand/collapse |
| width | number | — | Expanded width in px (defaults to PANEL_WIDTH token) |
| onOpenChange | (open: boolean) => void | — | Optional open-state setter |
| header | ReactNode | — | Optional fixed header inside the panel |
| children* | ReactNode | — | Panel body |
| className | string | — | Additional Tailwind classes |