Popover
No recipe variants. Showing static template.

Basic

Default popover with title, description, arrow, and close trigger.

Controlled

Uses `open` and `onOpenChange` to manage visibility state.

Lazy Mount

Content mounts only when opened (`lazyMount` + `unmountOnExit`).

Placement

Sets `positioning.placement` to render the popover on the right.

Offset

Uses explicit `positioning.offset` values for placement fine-tuning.

Same Width

Uses `positioning.sameWidth` so panel width matches the trigger width.

Nested

Demonstrates a popover opened from inside another popover.

Form

Shows form fields and footer actions rendered inside popover content.

Initial Focus

Sets `initialFocusEl` so focus lands on the textarea when opened.

Custom Background

Applies `--popover-bg` to customize content and arrow background.

Within Dialog

Uses popover inside dialog with fixed strategy and detached hiding.