Documentos recientes
- Presupuesto reforma cocina versión final definitiva.pdf
- Fotos.zip
- Contrato de alquiler firmado por ambas partes 2026.docx
- Notas.txt
Infobulle pour texte tronqué
Les noms longs sont coupés par des points de suspension et seuls ceux-là montrent le texte complet au survol.
Réglages
Code
<div class="uv-ttx"><p>Documents récents</p><ul><li tabindex="0"><span class="ic" aria-hidden="true">pdf</span><span class="nm">Devis rénovation cuisine version finale définitive.pdf</span></li><li tabindex="0"><span class="ic" aria-hidden="true">zip</span><span class="nm">Photos.zip</span></li><li tabindex="0"><span class="ic" aria-hidden="true">docx</span><span class="nm">Bail de location signé par les deux parties 2026.docx</span></li><li tabindex="0"><span class="ic" aria-hidden="true">txt</span><span class="nm">Notes.txt</span></li></ul></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Info-bulles
Voir tout : Info-bullesOù l’utiliser
Les listes de fichiers, les tableaux et les barres latérales tronquent les noms longs pour garder des lignes nettes, mais il faut pouvoir les lire. Cette liste vérifie chaque ligne et n'ajoute une infobulle qu'aux noms réellement coupés, avec le texte complet au-dessus après un court délai au survol ou au focus clavier. Les noms courts restent sans infobulle.
La vérification se relance quand la taille ou le texte change, elle s'adapte donc au responsive et aux traductions. Les lignes tronquées reçoivent aussi un aria-label avec le nom complet.