Skip to content

Tooltip

Utilisation simple

html
<button x-tooltip="Bonjour 👋">
Survolez-moi
</button>

Utilisation avancée (options)

La directive peut recevoir un objet pour personnaliser le comportement :

html
<button
x-tooltip="{
    content: 'Texte du tooltip',
    placement: 'right',
    delay: [200, 0]
}">
Tooltip avancé
</button>

Documentation

https://atomiks.github.io/tippyjs/v6/getting-started/