Tooltips have the same specs as the banner component but are usually triggered on hover or tap. Suitable for shortform information that is revelant but not critical for selected element. In other cases a banner or message component is preferred.

As with the banners, three sizes based on the body typography are availale.


The parent trigger can be a button or link that reveals the tooltip on hover or tap. The focus state does not trigger the tooltip. There is also a stand-alone option with an close icon button.


The pointer connects the tooltip with it’s parent. Depending on the available space, the tooltip appears at the left, right, top or bottom of the parent.


Like with the banner component. There are different types possible.