Updated 24 August 2024
🧰 TooltipsView Figma
Tooltips display additional information upon hover or focus. The information included should be contextual, helpful, and nonessential while providing that extra ability to communicate and give clarity to a user.
tooltips-light
A tooltip is a message box that is displayed when a user hovers over or gives focus to a UI element. The tool tip should be paired with an interactive UI element like a button. Tooltips should be used sparingly and contain succinct, supplementary information. Although Carbon tooltips used to allow for interactive elements such as buttons and links, do not include these elements in tooltips and use toggle tip instead.
tooltip(4 variants)
Figma notes
Tooltip pointers will dynamically change their placement depending on the position of the object.
These are available in both light and dark mode.