Aller au contenu

Choix de livraison

Des cartes radio pour choisir le mode de livraison, avec délai et prix de chaque option, et un total de commande mis à jour aussitôt.

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

Description

Chaque carte est un label entier autour d'un vrai bouton radio : toute la surface est cliquable et les flèches du clavier passent d'une option à l'autre. Le total est annoncé poliment aux lecteurs d'écran. Les montants sont calculés en centimes pour éviter les erreurs d'arrondi.

Code

Chargement du code…

Contenu de l'archive

choix-livraison-html-tailwind.zip3 fichiers · 4 Ko

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

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Le résumé du panier avant paiement : articles avec vignette et quantité, jauge de livraison offerte, code promo et total recalculé à chaque changement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une fiche produit complète : vues du produit, couleurs et contenances en boutons radio, sélecteur de quantité et ajout au panier annoncé.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une affiche de vidéo dessinée en CSS avec bouton de lecture, la citation forte du témoignage, son auteur, et la transcription horodatée dans un volet dépliable.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un tableau de données dont chaque colonne se trie d'un clic, par ordre croissant ou décroissant, sans bibliothèque.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant