Tooltip 🛠

• Information

  Keep content clear and concise

• Contrast

  The background should be different from the underlying content

• Visibility

  How a tooltip looks and shows

  ⭐️ A tooltip should activate on hover or select of an icon or text it is relevant to

  ⭐️ Only one tooltip should be visible at a time

  ⭐️ A tooltip should not cover the content it is relevant to

• Dismiss action

  Depending on how intrusive or extensive the tooltip is, a dismiss allows the user to feel more in control and allow the tooltip to feel more flexible and non-compulsory