Tooltip

Displays a tooltip when the mouse hovers over or clicks on an element. (If you think this component looks a lot like Popover, congratulations, you're right! Tooltip is a wrapper around Popover 😁).

Basic Usage

The most basic tooltip.

Trigger Methods

The trigger property can be used to set different trigger methods.

Tooltip Style

The content-class property can be used to set the style of the tooltip.

Arrow

The arrow property can be used to set whether to display the arrow.

Properties

Property Name	Description	Type	Default Value
content-class	Content class name	string	-
content	Content to display	string	-
placement	Position where the tooltip appears	top | bottom | left | right | top	top
trigger	Trigger method	hover | click | hover	hover
arrow	Whether to display the arrow	boolean	true

Slots

Slot Name	Description
default	Element that triggers the Tooltip display