UI

Popover

Floating UI popover component for displaying contextual content

Preview

<Popover>
  <PopoverTrigger asChild>
    <Button variant="outline">Open Popover</Button>
  </PopoverTrigger>
  <PopoverContent>
    <p>Place content for the popover here.</p>
  </PopoverContent>
</Popover>

Props

The Popover component accepts the following props:

Prop

Type

Installation

npx shadcn@latest add popover

If you encounter issues, check the registry setup guide for configuration help.

Registry Dependencies

This component has no registry dependencies.

Dependencies

This component requires the following NPM packages:

Button

Customizable button component with multiple variants and sizes

Render Blocks

Component for rendering PayloadCMS blocks dynamically with proper typing

On this page

PreviewPropsInstallationRegistry DependenciesDependencies