Tooltip

Tooltips provide quickly understandable information to users in a non-distracting way, supporting multiple placements and a helper variant.

Tooltip

e-tooltip

Preview

Config

Content

The text of the tooltip, can be HTML content too.

Placement

Position of the tooltip relative to the trigger element.

—topbottomleftrighttop-starttop-endbottom-startbottom-endleft-startleft-endright-startright-end

Inverse

Show the tooltip with dark background color.

Has Action

Use this attribute if you want to put a link in the content.

Disabled

Temporarily disable the tooltip.

Open in playground →

Helper Tooltip

[type="helper"]

Preview

Config

Content

The text of the tooltip, can be HTML content too.

Placement

Position of the tooltip relative to the trigger element.

—topbottomleftrighttop-starttop-endbottom-startbottom-endleft-startleft-endright-startright-end

Disabled

Temporarily disable the tooltip.

Permission

Show permission information in tooltip.

Open in playground →