Tooltip

Tooltip displays a brief message to the user that provides additional information about a UI element. The tooltip appears after the user’s mouse pointer hovers over the target element for a certain time. It can communicate new or supporting information, errors, warnings or successful completion of a process or task.

  • When you want to display a brief message to the user that provides additional information about a UI element.
  • When the content contains interactive elements, such as a link, input or button. Consider always making this content visible or using Overlay or Dialog instead.
  • When there's information that the user needs to know to complete a task. Important help text should always be visible to the user.
  • When the message always needs to be visible. Instead, place the message directly on the page.
  • When the message isn't about a UI element. Consider adding the message directly on the page or using Overlay, Dialog, or Banner instead.

Tooltip content will never truncate. It should be short and self-explanatory. If a longer message is necessary, consider adding it to the page so it's always visible.

To import Tooltip from the core Salt package, use:

NameTypeDescriptionDefault