Ready

Issue Indicator

The Issue Indicator is a component used to visually signify a warning or error state in a specific element or context.

Ready

Issue Indicator

The Issue Indicator is a component used to visually signify a warning or error state in a specific element or context.

Anatomy

  1. Icon

  2. Tooltip

Variants

  1. Error

  2. Multiple erros

  3. Warning

  4. Multiple warnings

States

  1. Default

  2. Hover

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. ¹

Do

Don't

2

Overloading

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

Do

Don't

Content

1

Actionable

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.¹

Do

Don't

More

Related Pages

Additional Reading

© 2026 Basis Technologies
© 2026 Basis Technologies
© 2026 Basis Technologies