Component gallery

SidePanel

The right-hand detail column: escape-aware, resizable, with header, body, and footer slots.

Default

In-flow right column; controlled open/onClose; header with title + close
A page with a side panel
page content: toggle lives in the topbar, ESC closes

Resizable + persisted

Drag the left edge (240–640px); width survives reloads via storageKey
A page with a resizable panel
page content: toggle lives in the topbar, ESC closes

Styling slots

Every className the component exposes, and what it reaches
className
the panel
headerClassName
the header row
titleClassName
the title
toolbarClassName
the header zone beside the close button
bodyClassName
the scrollable content area
@versable-git/ui · all states, both themes