Aller au contenu

Grille tarifaire par prestation

Des tarifs indicatifs rangés par corps de métier dans des onglets, avec l'unité de chaque prestation, une bascule TTC / HT et la mention « devis gratuit ».

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

Description

Pensé pour les artisans et entreprises du bâtiment : chaque onglet présente un tableau de prestations avec une pastille d'unité (à l'heure, au forfait, au m²), un détail de ce qui est compris et le prix, précédé de « dès » quand il dépend du chantier. La bascule TTC / HT recalcule tous les prix à partir du montant hors taxes et du taux de TVA déclaré sur le composant, arrondi au centime comme sur un devis. Accessibilité : onglets au clavier (flèches, Début, Fin) avec rôles tablist, tab et tabpanel ; tableaux avec légende et en-têtes de ligne ; bascule en boutons aria-pressed dont le changement est annoncé ; contrastes AA en clair comme en sombre ; transitions coupées avec prefers-reduced-motion. Sans JavaScript, toutes les catégories restent lisibles sous forme de tableaux titrés, prix TTC.

Code

Chargement du code…

Contenu de l'archive

onglets-faq-tarifs-prestations-html-tailwind.zip3 fichiers · 7 Ko

  • index.html27 Ko
  • README.md3 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 16 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
  • 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