Behive Tech Registry

Drawer

v0.4.0

A `Card` docked to one edge of the viewport as a slide-in panel, built on [Radix `Dialog`](https://www.radix-ui.com/primitives/docs/components/dialog) for focus trapping, Escape-to-close, and outside-click-to-close. It has no opinion on what goes inside the panel — an optional `title` renders a header with a close button, otherwise just the `children` are shown.

pnpm add @behivetech/atoms.drawer

Edit the code and the preview updates as you type. Every registry export is in scope — Drawer from this package, plus React hooks and every other component in the registry.

Playground
const BasicDrawer = () => (
  <Drawer onClose={() => {}} title="Add Block" placement="right">
    Panel content
  </Drawer>
);

render(<BasicDrawer />);