Anatomy

Icon
Tooltip
Variants

Error
Multiple erros
Warning
Multiple warnings
States

Default
Hover
Behaviors
The tooltip appears on hover (for mouse users).
The tooltip should dismiss when the user moves the pointer away.
Best Practices
1. When to use
Use the Issue Indicator to highlight issues or errors associated with a specific element or context. Avoid using this component for system errors or non-critical informational. ¹

2. Overloading
Avoid overloading the interface with too many Issue Indicators. Prioritize and group related issues when possible.

Content
Issue indicators should include actionable or informative information that helps users understand and resolve the issue. Do not include excessive details. Keep tooltip text short and to the point.¹

More
Related Pages
Additional Reading
Tooltip Guidelines https://www.nngroup.com/articles/tooltip-guidelines/


