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