The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.
Consequently, we have decided to not include support for IE in the Design Library website.
A tooltip is a text label that acts as a helper to a specific item.
A tooltip contains brief information about an item being hovered on with a cursor or via touch.
Use a tooltip when you want to give additional information that would help the user understand, i.e. number formatting for a phone number or cut off times for bank-to-bank transfers and should not be visible all the time.
The tooltip should always be visible within the viewport and never be partially out of bounds. It's marked with an questionmark-symbol, and the tooltip is displayed when hovering the symbol. See more on Contextual help button.
The directional arrow shows the location of what triggered the tooltip.
In a space-challenged area (such as table header), use a dotted line instead of the information symbol to save space.