HoverCard
Carte d'aperçu au survol et au focus
Exemples
Aperçu
Inspecter la mission
Mission AR-042
Survoler ou donner le focus pour consulter cet aperçu.
<twig:ui:HoverCard label="Inspecter la mission" id="preview-hover-card">
<strong>Mission AR-042</strong>
<p>Survoler ou donner le focus pour consulter cet aperçu.</p>
</twig:ui:HoverCard>Props
| Prop | Défaut | Rôle |
|---|---|---|
label | requis | Texte ancre |
id | null | Identifiant de la carte (genere si absent) |
Accessibilité
- La carte est reliee par aria-describedby et s'affiche aussi avec focus-within, donc elle reste atteignable au clavier. Sur mobile, un clic n'ouvre pas la carte : ne rien y mettre d'indispensable.