UI MarCom

Tooltip Stable

With a Tooltip you can provide short additional information. It opens in a small layer when the user hovers or taps on the item that is attached with the Tooltip.

<uimc-tooltip content="">*</uimc-tooltip>

AttributeDescriptionValuesDefault
headlineHeadline text of the tooltip
contentText of the tooltip
SlotSlotted content
defaultWrapped content opens the tooltip on hover or tap

Working sample

Hover or tap here to open tooltip*

<uimc-tooltip headline="Tooltip adjustments" content="Tooltip title adjusts its direction automatically">Hover or tap here to open tooltip*</uimc-tooltip>