Aller au contenu

Onglets : composants HTML, React et WordPress

Onglets accessibles, pilotés au clavier avec les flèches, pour organiser un contenu dense.8 composants (onglets) accessibles et responsive, à intégrer dans votre site : HTML + Tailwind, React, CSS pur et bloc WordPress.

Les 8 ressources

  • 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
  • Des onglets sobres dont l'onglet actif est souligné, pour organiser les informations d'une fiche produit.

    • 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
  • Deux onglets pour afficher des horaires d'ouverture différents selon la saison, dans une carte compacte.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un bloc de code sombre avec un onglet par gestionnaire de paquets, pour une documentation technique.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une carte organisée en onglets Entrées, Plats et Desserts, avec des points de conduite jusqu'aux prix.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant