Popover

A named interactive panel anchored to its trigger.

Open the panel to review its content.

Interactions use local sample data.

Usage and props

Own draft and open state. Use a popover for a short related task; move longer workflows into an appropriate dialog or page.

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

Root: open? · onOpenChange? · Content: title · description? · headingLevel? · Trigger/Close asChild?

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