Duskmoon UI v10.0.11
Theme
Popover dm_popover
## Overview Native HTML popover using the Popover API and CSS Anchor Positioning. The component connects its trigger and surface with an HTML `command="toggle-popover"` / `commandfor` pair, so opening, closing, light dismiss, and Escape handling do not require custom JavaScript. ## Usage ```elixir <.dm_popover> <:trigger :let={trigger_attrs}> <.dm_btn variant="primary" {trigger_attrs}>Click me</.dm_btn> </:trigger> <p>Popover content here.</p> </.dm_popover> ```

Basic Popover (Click)

This popover opens on click.

Top Placement

This popover is anchored above its command invoker.

Placement Variants

Placed on top

Placed on bottom

Placed on left

Placed on right

Custom Offset

No gap between trigger and popover.

20px gap between trigger and popover.

Without Arrow

This popover has no arrow indicator.