Overlay.popover
Progressive
Popover with trigger and content slots.
Uses optional CuiPopover hook for click toggling.
Positioning is currently a fixed offset anchored under the trigger (mt-2 plus the component’s absolute positioning classes). Collision-aware flipping and viewport overflow handling are not implemented yet.
Popover
<.popover id="share-popover">
<:trigger><.button variant={:outline}>Share</.button></:trigger>
<:content>
<div class="space-y-2 text-sm">
<p>Invite collaborators to this workspace.</p>
<.button size={:sm}>Copy link</.button>
</div>
</:content>
</.popover>
Attributes
| Name | Type | Default | Values | Global Includes |
|---|---|---|---|---|
class
|
:string |
— | — | — |
content_class
|
:string |
— | — | — |
id
Required
|
:string |
— | — | — |
rest
|
:global |
— | — | — |
Slots
| Slot | Slot Attributes |
|---|---|
content
Required
|
— |
trigger
Required
|
— |