<tool-tip>
Adds a tooltip. It uses Popper to display the tooltip, and loads the Popper script automatically if needed.
Slots
default slot
- The default unnamed slot should hold the text content that you wish to use as the tooltip.tooltip-button-text
- This slot allows you to set the text of the tooltip button. The default value isi
CSS parts
tool-tip::part(tooltip-button)
- Targets the tooltip<button>
part of the component, to allow styling to be applied.tool-tip::part(tooltip)
- Targets the tooltip, to allow styling to be applied.
Example
This is text has a tooltip at the end
Code
HTML
JS