Popover

Floating surfaces aligned to the Component Library “Popups” set (Figma node 249:959) — simple copy, titled rich text, media, CTAs, and stepped navigation. Primitives stay in @/components/ui/popover; layout presets live in popover-patterns and compose Button, Input, and Lucide icons (same set as the Icons page).

Examples

Library patterns

Simple

Title + body

With icon

With image

With CTA

Steps

Prev / next

Compose: inputs & controls

Structure

Anatomy

Trigger

Any focusable control; use asChild with Button.

Content

Portal surface: 6px radius, border #E2E8F0, shadow-md, no default padding — patterns own spacing.

Patterns

Optional layouts in popover-patterns for parity with Figma popups.