Aller au contenu
Forge

Onglets soulignés

Des onglets sobres dont l'onglet actif est souligné, pour organiser les informations d'une fiche produit.

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

Description

Le composant suit le modèle d'onglets WAI-ARIA : flèches gauche et droite pour changer d'onglet, Début et Fin pour aller au premier ou au dernier, focus visible sur l'onglet et le panneau. Sans JavaScript, les trois panneaux restent affichés les uns sous les autres.

Code

Chargement du code…

Contenu de l'archive

onglets-soulignes-html-tailwind.zip3 fichiers · 4 Ko

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

Mots-clés

Mis à jour le 12 octobre 2026.

Dans le même esprit

  • Onglets verticaux

    Bientôt disponible

    Une colonne d'onglets à gauche et le contenu à droite, pour les pages de paramètres et d'espace client.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Onglets en pilules

    Bientôt disponible

    Un sélecteur en pilules dans un rail arrondi, pour comparer des formules ou des variantes.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Onglets intercalaires

    Bientôt disponible

    Des onglets en forme d'intercalaires de classeur qui se prolongent dans le panneau actif, pour un itinéraire jour par jour.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Onglets avec icônes

    Bientôt disponible

    De grands onglets illustrés d'une icône, pour orienter chaque type de visiteur vers son offre.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant