Tooltips display brief labels or messages.

Use tooltips to add additional context to a button or other UI element.

Two types:

  • Plain
    • Plain tooltips briefly describe a UI element. They’re best used for labelling UI elements with no text, like icon-only buttons and fields.
    • Acceptance criteria
  • Rich
    • Rich tooltips provide additional context about a UI element. They can optionally contain a subhead, buttons, and hyperlinks. Rich tooltips are best used for longer text like definitions or explanations.

Material guidance