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/