Publicar artículo
- Título y resumen
- Imagen de portadaFalta
Pourquoi ce bouton est désactivé
Un bouton désactivé explique ce qui manque dans une infobulle à bandes d’avertissement, avec un raccourci pour corriger sur place.
Réglages
Code
<div class="uvq08-dis" data-s="todo"><div class="cd"><p class="hd">Publier l’article</p><ul><li class="ok"><i aria-hidden="true"></i><span>Titre et résumé</span></li><li class="im"><i aria-hidden="true"></i><span>Image de couverture</span><em>Manquant</em></li></ul><div class="ft"><span class="wr pk"><button type="button" class="pb" aria-disabled="true" aria-describedby="uvq08-dis-n"><span class="a">Publier</span><span class="b">Publié</span></button><span class="tt"><span class="no"><span class="lk" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="10.5" width="14" height="10" rx="2.5"/><path d="M8.5 10.5V8a3.5 3.5 0 0 1 7 0v2.5"/></svg></span><span id="uvq08-dis-n">Il manque l’image de couverture</span><button type="button" class="fx">Ajouter une image</button></span><span class="ys" id="uvq08-dis-y">Prêt à publier</span></span></span></div></div></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
Une carte de publication dont le bouton reste désactivé avec aria-disabled, ce qui lui permet de recevoir le focus et de s’expliquer. Au survol ou au focus, une infobulle bordée de bandes d’avertissement dit ce qui manque et propose un bouton pour le régler sur place. Un clic sur le bouton désactivé le fait trembler et relance l’infobulle. Une fois le problème réglé, il s’active puis confirme la publication.
La couleur principale forme les bandes d’avertissement et l’action, la secondaire la bande sombre entre elles. Utilise ce modèle pour toute action bloquée, du paiement aux réglages, afin qu’on comprenne pourquoi quelque chose ne marche pas au lieu de deviner.