Tooltip - Infobulle

Étiquette flottante utilisée pour expliquer un élément ou une fonctionnalité de l'interface utilisateur.

Anatomie

Le composant infobulle est composé de plusieurs éléments de trois éléments visibles.

infobulle anatomie
  1. Pointeur
  2. Conteneur
  3. Label

Etat

L'infobulle peut être positionnée à 12 placements différents. Par défaut, si la place le permet, le placement est au-dessus et centré sur l'élément associé.

Le pointeur peut être positionné à différents endroits autour du conteneur :

 

Infobulle sous un élément

Les positions possibles du curseur sont en haut, au centre et en bas

Infobulle sous un élément

Infobulle au-dessus d'un élément

Les positions possibles du curseur sont en haut, au centre et en bas

Infobulle au-dessus d'un élément

Infobulle à droite d'un élément

Les positions possibles du curseur sont en haut, au centre et en bas

Infobulle à droite d'un élément

Infobulle à gauche d'un élément

Les positions possibles du curseur sont en haut, au centre et en bas

Infobulle à gauche d'un élément

Alternatives