Aller au contenu
Forge

Bouton en cours d'envoi

L'état d'un bouton pendant l'envoi d'un formulaire : petit indicateur rotatif et libellé « Envoi en cours ».

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

Le bouton porte aria-disabled="true" plutôt que disabled pour rester focalisable et annoncé, et son libellé change pour décrire l'action en cours. Basculez cet état depuis votre code pendant la requête, puis rétablissez le libellé initial.

Code

Chargement du code…

Contenu de l'archive

loader-bouton-envoi-html-tailwind.zip3 fichiers · 3 Ko

  • index.html2 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 12 octobre 2026.

Dans le même esprit

  • Tasse de café fumante

    Bientôt disponible

    Une tasse dessinée en CSS dont la vapeur s'élève doucement, pour un café, une boulangerie ou un salon de thé.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Squelette de carte

    Bientôt disponible

    Une carte fantôme aux formes grises scintillantes, affichée à la place du contenu pendant son chargement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Pulsation concentrique

    Bientôt disponible

    Des ondes qui se propagent autour d'un point central, pour une recherche ou une localisation en cours.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Points rebondissants

    Gratuit

    Trois points qui rebondissent l'un après l'autre, pour une attente courte ou un message en cours d'écriture.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant