Primitive
Popover
Displays rich content in a portal, triggered by a button.
Installation
npx benflux-ui add popoverUsage
import { Popover, PopoverContent, PopoverTrigger } from "@benflux-ui/react"
<Popover>
<PopoverTrigger asChild>
<Button>Open</Button>
</PopoverTrigger>
<PopoverContent>
Place content for the popover here.
</PopoverContent>
</Popover>Props — PopoverContent
| Prop | Type | Default | Description |
|---|---|---|---|
| side | "top" | "right" | "bottom" | "left" | "bottom" | Preferred side to open the popover |
| align | "start" | "center" | "end" | "center" | Alignment along the side |
| sideOffset | number | 4 | Distance in pixels from the trigger |