Popover
Displays rich content in a portal, triggered by a button.
Installation
npx radk add popoverUsage
import {
Popover,
PopoverContent,
PopoverTrigger,
} from "@/components/ui/popover"<Popover>
<PopoverTrigger asChild>
<Button variant="outline">Open</Button>
</PopoverTrigger>
<PopoverContent>
Place content for the popover here.
</PopoverContent>
</Popover>Examples
Alignment
Use the align prop on PopoverContent to control positioning.
<PopoverContent align="start">Left-aligned content</PopoverContent>
<PopoverContent align="center">Center-aligned content</PopoverContent>
<PopoverContent align="end">Right-aligned content</PopoverContent>