Aller au contenu

Boutons : composants HTML, React et WordPress

Boutons principaux, secondaires, avec icône ou en état de chargement : des styles cohérents, une zone de clic suffisante et un focus visible au clavier.8 composants (boutons) accessibles et responsive, à intégrer dans votre site : HTML + Tailwind, React, CSS pur et bloc WordPress.

Les 8 ressources

  • Des boutons circulaires à icône avec une infobulle accessible au survol et au focus.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Bouton scindé avec menu

    Bientôt disponible

    Une action principale accolée à un menu d'options secondaires.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un bouton épais qui s'enfonce sous le doigt, pour les actions principales.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Bouton pilule dégradé

    Bientôt disponible

    Une pilule colorée traversée d'un reflet lumineux au survol.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un lien texte dont le soulignement se dessine de gauche à droite au survol.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Bouton à contour animé

    Bientôt disponible

    Un bouton fantôme dont le contour s'illumine en tournant au survol.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un groupe de boutons icônes où un seul choix est actif, comme l'alignement d'un texte.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant