Aller au contenu
Forge

Barre de boutons bascule

Un groupe de boutons icônes où un seul choix est actif, comme l'alignement d'un texte.

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

Description

Chaque bouton annonce son état avec aria-pressed et porte un libellé accessible. Les flèches gauche et droite déplacent le focus dans la barre, conformément au motif ARIA « toolbar ». Utile pour les éditeurs, filtres d'affichage ou choix de vue grille / liste.

Code

Chargement du code…

Contenu de l'archive

barre-boutons-bascule-html-tailwind.zip3 fichiers · 3 Ko

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

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Boutons icônes ronds

    Gratuit

    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

  • Bouton en relief

    Gratuit

    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
Barre de boutons bascule | Forge