Tooltip

Provides brief, contextual information when users hover over or focus on an element, helping to clarify or enhance understanding without cluttering the interface.​

Tooltip positioned above the source

Tooltip positioned above the source


Anatomy

Tooltip anatomy

Tooltip anatomy

#

Element name

Element description

1

Source

The element that triggers the tooltip to appear when hovered or focused.

2

Tooltip

The pop-up box that provides additional information or context when the source is interacted with.


Behavior

The Tooltip allows configuration of both the show and hide delay, enabling control over how quickly the tooltip appears when the user interacts with the source and how long it remains visible after the interaction ends.