Components
Popover
Anchored content you can put a cursor into.
Installation
npx shadcn@latest add https://ui.whoisroktim.lol/r/popover.jsonPopover, tooltip or dropdown
A Tooltip is a label and closes the moment the pointer leaves — you cannot select its text or click a link inside it. A Dropdown is a list of choices. A Popover is content: a paragraph to read, a field to fill, a link to follow.
So it opens on click rather than hover, and stays until you dismiss it — click outside or press Escape.
| Prop | Type | Default | Description |
|---|---|---|---|
| children | (open: boolean) => ReactNode | — | Render-prop trigger. |
| content | ReactNode | — | Anything, including interactive elements. |
| side | "top" | "bottom" | "left" | "right" | "bottom" | Which side it opens on. |
| width | number | 280 | Fixed, so the text measure stays readable. |