Sidecar

A controlled inspector that can dock, float or become a modal drawer.

Inspect a document while keeping its main content available.

Interactions use local sample data.

Usage and props

Own visibility and drafts. Docked/overlay panels become drawers at the configured viewport breakpoint; moving between parents can remount content.

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

open · onOpenChange · title · children · trigger? · presentation? · side? · mobileBreakpoint?

These are the main props for the example. The package's TypeScript declarations include the full API.