Skip to main content

Tooltip

shadow

The Tooltip element is used to display a popup tooltip on mouseover and can be attached to various elements of a web page. It is easily customizable with attributes for content and location. The tooltip appears when the user hovers the mouse over the target element, and disappears when the mouse leaves the element.

Basic Usage

Attributes and Properties

active

DescriptionAk true, tooltip je aktivovaný.
Attributeactive
Typeboolean
Defaultfalse

content

DescriptionDefinuje obsah nápovedy tooltip.
Attributecontent
Typestring
Defaultundefined

placement

DescriptionDefinuje kde sa má zobraziť nápoveda tooltip vzhľadom k nadradenému elementu.
Attributeplacement
Type"bottom" | "left" | "right" | "top"
Default'top'

offset

DescriptionDefinuje vzdialenosť tooltipu od jeho nadradeného elementu v pixeloch.
Attributeoffset
Typestring
Defaultundefined

Events

NameDescription
changeCalled when the element state changes.

Methods

No public methods available for this component.

CSS Shadow Parts

NameDescription
nativeOdkazuje na div element vo vnútri elementu popup.

CSS Custom Properties

NameDescription
--arrow-sizeUrčuje veľkosť šípky tooltipu.
--arrow-colorUrčuje farbu šípky tooltipu.

Slots

No slots available for this component.