Popover

How to use

Import Popover. Pass open, onOpenChange, trigger, and children as content. Copy the examples below.

1. Import

tsx
import { Popover, Button } from "@/app/components/ui";

2. Basic usage

tsx
<Popover
  open={open}
  onOpenChange={setOpen}
  trigger={<Button variant="secondary">Popover</Button>}
>
  <p>Popover content.</p>
</Popover>