Tooltip Stable Dark theme

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.

Usage Code

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

Attribute	Description	Values	Default
headline	Headline text of the tooltip		–
content	Text of the tooltip		–
theme	Set the color scheme of the component	`light`, `dark`	`light`

Slot	Slotted content
default	Wrapped 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>

Dark theme

Hover or tap here to open tooltip*

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