Tooltip
La bulle d'explication brève. Le composant est la bulle seule : ce qui l'ouvre et l'endroit où elle se pose sont écrits côté application.
Utilisation
import { Tooltip } from "@monstera/ui"Tailles
Sm pour un mot, md pour une phrase courte. Les deux s'arrêtent à 260 px et passent à la ligne au-delà.
Ancrage
La bulle n'a pas de logique de placement : ici l'application la pose en absolu au-dessus du bouton, et l'ouvre au survol comme au focus clavier.
Bouton d'information
Le bouton « i » n'est pas une infobulle : il se clique et ce qu'il révèle reste affiché. C'est un bouton de révélation, aria-expanded et aria-controls, Échap referme.
Accessibilité
La bulle porte role="tooltip" et se relie à ce qu'elle décrit par aria-describedby sur le déclencheur. Elle s'ouvre au survol et au focus, se ferme quand ils cessent, et ne doit pas contenir d'élément interactif : une infobulle se lit, elle ne s'utilise pas.
Un bouton « i » qui révèle un complément au clic n'est pas une infobulle mais un bouton de révélation : aria-expanded dit s'il est ouvert, aria-controls désigne le bloc révélé, le bloc reste affiché jusqu'à ce qu'on le referme, et Échap le referme. La démo « Bouton d'information » montre le patron avec IconButton et Card.
API
Prop
Type