Docs
Popover
Popover
Displays rich content in a portal, triggered by a button.
Installation
npx shadcn-ui add popovernpx shadcn-ui add popoverUsage
import {
Popover,
PopoverContent,
PopoverTrigger,
} from "@/components/ui/popover"import {
Popover,
PopoverContent,
PopoverTrigger,
} from "@/components/ui/popover"<Popover>
<PopoverTrigger>Open</PopoverTrigger>
<PopoverContent>Place content for the popover here.</PopoverContent>
</Popover><Popover>
<PopoverTrigger>Open</PopoverTrigger>
<PopoverContent>Place content for the popover here.</PopoverContent>
</Popover>