Primitive · CLI
Popover
Anchored popover surface for progressive disclosure.
Preview
npx shadcn@latest add @atroui/popoverInstallation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/popoverSource lands in your repo. Installation · Registry
Usage
Use for options that belong beside the current task. Prefer popover over a full dialog when the page context should stay visible.
tsx
import { Button } from "@/components/ui/button"
import {
Popover,
PopoverContent,
PopoverDescription,
PopoverHeader,
PopoverTitle,
PopoverTrigger,
} from "@/components/ui/popover"
<Popover>
<PopoverTrigger render={<Button variant="outline" />}>Details</PopoverTrigger>
<PopoverContent>
<PopoverHeader>
<PopoverTitle>Deploy preview</PopoverTitle>
<PopoverDescription>Stay on the page; reveal options in place.</PopoverDescription>
</PopoverHeader>
</PopoverContent>
</Popover>Popover