Tooltip

wpeo-tooltip-event se place sur n’importe quel élément. Le javascript générera ainsi la tooltip au survol de l’élément

Options de configuration

Utiliser les data-attributs sur l’élément HTML permet de configurer votre tooltip

Texte de la tooltip

<span class="wpeo-tooltip-event" aria-label="Ma tooltip">Survole moi</span>

Position de la tooltip

Nom de l’attribut :
data-direction

Valeurs disponibles :
– top (par défaut)
– right
– bottom
– left

<span class="wpeo-tooltip-event" aria-label="Ma tooltip" data-direction="right">Survole moi</span>

Couleur de la tooltip

Nom de l’attribut :
data-color

Valeurs disponibles :
– dark (par défaut)
– primary
– light
– red

<span class="wpeo-tooltip-event" aria-label="Ma tooltip" data-color="primary">Survole moi</span>