Skip to content
Components

Popover & tooltip

A popover explains, anchored to its subject and non-modal. A tooltip only names. Neither may carry anything the user must read to proceed.

Popover

Non-modal on purpose: the page stays live, Escape and clicking anywhere else dismiss, and focus returns where it was. The trigger is the caller's element, received through the slot with { open, toggle } — a popover that renders its own button would dictate what may anchor one. A list of commands is a menu, not a popover with buttons in it.

Tooltip

Creek flooding
300ms in, instant out, Escape dismisses — and it shows on FOCUS, which is the half hover-only tooltips forget.

Navigate

Esc