Tooltips

Sizes

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.

Triggers

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.

Pointers

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.

Types

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