Popover

Rich floating content anchored to a trigger. The panel rises toward you on open with overlay depth.

tsx
import { Button } from "@/registry/seam/ui/button"
import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "@/registry/seam/ui/popover"

export default function PopoverDemo() {
  return (
    <Popover>
      <PopoverTrigger render={<Button variant="outline">Open</Button>} />
      <PopoverContent>
        <div className="space-y-1">
          <h4 className="text-sm font-medium">Dimensions</h4>
          <p className="text-muted-foreground text-sm">
            Set the surface size. The panel rises toward you on open.
          </p>
        </div>
      </PopoverContent>
    </Popover>
  )
}
bunx --bun @seamui/cli@latest add popover

Notes

  • Manages focus trapping and restoration; dismisses on outside click and Escape.
  • Compose PopoverTitle / PopoverDescription for labelled content and PopoverClose for a close button.

Press feedback, reduced motion, and haptics follow the global policy — see Motion and Haptics.