Tooltip

The Tooltip component show additional information, tips, or hints related to a specific piece of UI. Tooltips are activated when the user hovers over or focuses on the element or icon. They do not include actions or links.

Avoid overly vague descriptions. The Tooltip should inform the user of exactly what action will happen if the item is activated. For example, instead of "Edit," the Tooltip should read "Edit application".

Use tooltips for items with no visible label, or when a label is too long. Tooltips themselves are NOT focusable, but they can launch from a hover or focus event.