Popover

Floating popover panel anchored to a trigger, with smart collision detection.

Installation

Run the CLI

$npx particleui-cli add popover

Usage

TSX

import { Popover, PopoverTrigger, PopoverContent } from "@/components/ui/popover"
import { Button } from "@/components/ui/button"

export default function Example() {
  return (
    <Popover>
      <PopoverTrigger asChild>
        <Button variant="outline">Open</Button>
      </PopoverTrigger>
      <PopoverContent>Place content here.</PopoverContent>
    </Popover>
  )
}

Details

Source filecomponents/ui/popover.tsx

Typeui

Categoriesoverlay, core

npm dependencies@radix-ui/react-popover

Registry deps

Claude skill—