Popover
A click-triggered overlay for compact settings and contextual detail.
The Popover Component
Basic Usage
Code Snippet
<script lang="ts"> import { Button, Popover } from '$lib/components'; </script> <Popover class="inline-flex"> <Button role="secondary" variant="outline">Open popover</Button> {#snippet content()} <div class="space-y-2"> <p class="font-medium text-app-text">Quick settings</p> <p class="text-sm text-app-text-muted">Adjust a few preferences without leaving the page.</p> </div> {/snippet} </Popover>Examples
Text Content
Use the text prop for short contextual hints.