Tooltip

A tooltip is a floating text label
providing additional or explanatory information

tooltip/mainImage
Ready to Use
Show details
Ready to Use
Published: November 06, 2023
Updated: March 05, 2024

Introduction

A tooltip is a floating text label that provides explanatory information about an interface element or feature when a user hovers over, long-presses or focuses on them. It is displayed without any interactive actions and serves the purpose of offering additional context or clarification.

Usage

Keep it short! Tooltips should prioritise conciseness and clarity. It is recommended to keep the text within tooltips limited to 1 or 2 short sentences. By doing so, the tooltips can effectively convey information or guidance in a succinct manner. Don't use tooltips to communicate crucial information.

tooltip/Usage/do1
tooltip/Usage/dont1
tooltip/Usage/do2
tooltip/Usage/dont2
tooltip/Usage/do3
tooltip/Usage/dont3

Also known as

Helper Bubble, Hover Info Text