The tooltip component provides brief, contextual information. Its purpose is to offer additional clarification, instructions, or descriptions without cluttering the interface.
large
small
tooltip: top
tooltip: bottom
tooltip: left
tooltip: right
The arrow may shift from bottom to top and to the left, middle or right side depending on the location of the related elements.
Tooltip on text / icon
ℹ️