Tooltip is a small, floating content block triggered via hovering over or focusing on an element.

Do’s and don’ts

  • DO: Use Tooltips sparingly
  • DO: Make content concise, contextual and easy to understand
  • DO: Use sentence case for Tooltip text
  • DON’T: Use for messaging critical to task completion
  • DON’T: Use for error messaging or warnings