Skip to main content

Tooltip

An inline popover triggered by a text button. The label becomes the trigger text; children become the popover content. Uses the Popover API — Chrome 114+.

Basic usage

tooltip: Why work email?
We use your work email to match you with your team's Figdown workspace.

On a form field

email input: Work email...
tooltip: Why work email?
We use your work email to match you with your team's Figdown workspace.

On a heading

## API key
tooltip: How to generate a key
Go to Settings → Security → API Keys and click **Generate new key**.
password input: sk-••••••••••••

Rich content inside

Children can contain any elements — text, links, inputs, other elements:

tooltip: Pricing details
## Pro plan — $12/mo
Billed annually. Includes team collaboration and custom themes.
outline button: See all plans → /pricing
note

Tooltip uses CSS Anchor Positioning to place the popover below its trigger. Click outside or press Escape to close — no JavaScript needed.

Reference

PartDescription
LabelText shown on the trigger button
ChildrenContent displayed in the popover