Popover

Displays rich content in a portal, triggered by a button.

Basic Popover

With Form

Alignment

Info Popover

What is a popover?

Usage

<twig:Popover>
    <twig:PopoverTrigger>
        <twig:Button variant="outline">Open Popover</twig:Button>
    </twig:PopoverTrigger>
    <twig:PopoverContent class="w-80">
        <div class="grid gap-4">
            <h4 class="font-medium">Title</h4>
            <p class="text-sm">Content goes here.</p>
        </div>
    </twig:PopoverContent>
</twig:Popover>