Popover

Click-to-open floating panel with an optional arrow, collision flipping, focus handoff and Esc/outside dismiss.

6 files · 293 locdeps: clsx, tailwind-merge

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/popover.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs popover

import { Popover } from "@/components/opus/ui/popover";

<Popover trigger={<Button>Edit</Button>}>{(close) => <Form onDone={close} />}</Popover>

Prop	Type	Default	Description
trigger	ReactElement	—	Toggle element.
children	ReactNode \| (close) => ReactNode	—	Content.
open / defaultOpen / onOpenChange	boolean	—	State.
side / align / offset / arrow	—	—	Placement.