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.