Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Most tooltips contain plain text, which usually describes the control or element they relate to.

  • A tooltip may also contain a header, status icons, dynamic content, links, tables, and other content elementstext and a link,.

Examples:

Component

Regular size

With pointing tip

Small size

Regular

Regular with heading

Error

See Field Validation

Warning

See Field Validation

Informative

Help

Additional examples

Regular with dynamic content

Regular with structured content

...

Focusing on an element which has a tooltip should:

  • Display display the tooltip as described in Interactions above.

  • Clicking Esc. should close the tooltip as described in Interactions above.

...