Studiov0.6.0

Popover

Tier 1 — shadcn
Overlays

A non-modal floating panel that appears near a trigger for contextual content.

Live Preview

Code

import { Popover } from "@regen/ui";

<Popover />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Date pickers
  • •Color pickers
  • •Mini forms near buttons

Do

  • ✓Dismiss on click outside (built-in)
  • ✓Keep content compact — popover is not a modal

Don't

  • ✗Don't use for important confirmations — use Dialog
  • ✗Don't put scroll inside unless necessary