overlay · Normal DOM only

Popover

Floating panel anchored to a trigger. Interactive content (forms, lists, mini-tools) goes here.

Popover is the universal "show this near the trigger" surface. For non-interactive labels use Tooltip; for menus with selectable items use DropdownMenu; for full-page workflows use Modal.

Install

Pull from the workspace packages (already available if you ran pnpm add):

ts
import { Popover } from '@8maverik8/twenty-design';

Examples

Quick-edit popover

tsx
<Popover trigger={<Button>Open</Button>}>…</Popover>

Guidelines

✓

Keep the popover content focused on the trigger's job.A popover that re-renders the whole page is a modal in disguise.

Stack two Popovers from the same trigger.Pick one — the second one steals focus and breaks Escape.