Tooltip

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

Use tooltips for items with no visible label, or when a label is too long. Tooltips themselves are not focusable, but they launch from a hover or focus event on an interactive item.

When using a tooltip, 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".

All information on this site pertains to the Constellation UX System (from 8.8 and onwards). Looking for something else? See resources specifically for Theme Cosmos. If you have questions, concerns, or any other feedback, please reach to us on Pega Support and include the capability 'User Experience' and 'Constellation' in your request.

• Modal dialog

• Popover

• Toast