A small panel next to a trigger element
Positioned above, below, left, or right. Can open on click or on hover for tooltip-like behaviour. Closes on outside click or pressing escape.
Click trigger
Hover trigger
Positions
Bottom
Top
Right
Compact
// From the npm package
import { Popover } from 'rift-ds/components/Popover/Popover';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/popover.json