Components / Popover

Popover

Displays rich content in a portal, anchored to a trigger and dismissed on outside-click or Escape. Positioning and the dismissable layer come from the brain; this preview is the real component running in WebAssembly.

Examples

razor

<ZitsPopover>
    <ZitsPopoverTrigger>Open popover</ZitsPopoverTrigger>
    <ZitsPopoverContent class="w-80">
        <div class="grid gap-4">
            <div class="space-y-2">
                <h4 class="font-medium leading-none">Dimensions</h4>
                <p class="text-sm text-muted-foreground">Set the dimensions for the layer.</p>
            </div>
        </div>
    </ZitsPopoverContent>
</ZitsPopover>

Installation

Terminal bash

navius add popover

API reference

Prop	Type	Default
Open	bool	false
DefaultOpen	bool	false
Modal	bool	false
Side	string	"bottom"
Align	string	"center"
SideOffset	double	4