GitHub

Popover

An overlay that displays additional information or options when triggered

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/popover.json

Usage

import { 
  Popover, 
  PopoverContent, 
  PopoverTrigger, 
  PopoverTitle, 
  PopoverDescription,
} from "@/components/ui/popover";
<Popover>
  <PopoverTrigger>Open Popover</PopoverTrigger>
  <PopoverContent>
    <PopoverTitle>Popover Title</PopoverTitle>
    <PopoverDescription>Popover Description</PopoverDescription>
    {/* ... */}
  </PopoverContent>
</Popover>