Skip to results

Design Tooltips That Help Without Interrupting

Components · tooltips

Updated 2026-07-28

Use tooltips to explain unfamiliar elements, not to repeat information users already understand.
Do not hide important information inside tooltips. If users need it to complete a task, keep it visible.
Add a small delay before showing tooltips:

Instant tooltips create visual noise.
Delayed tooltips prevent accidental triggers.

Make tooltips accessible:

Support keyboard focus.
Keep them visible long enough to read.
Avoid disappearing too quickly.

Use tooltips as supporting information, not as a replacement for good interface design.

Related guides