Popover

Displays rich content in a portal, anchored to a trigger. Built on Base UI's popover primitive.

Last updated January 1, 1980

CreditsUnchangedPublished

Copied from shadcn/ui.

Overview

Installation

Usage

import {
 
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "@/components/ui/popover"
 
export function Example() {
  return (
    <Popover>
      <PopoverTrigger render={<Button variant="outline">Open</Button>} />
      <PopoverContent>Place content for the popover here.</PopoverContent>
    </Popover>
  )
}

Examples

Form

RTL

API Reference

Popover

PopoverContent