Aller au contenu
Forge

Menu déroulant

Une barre de navigation avec sous-menus déroulants qui se ferment à la touche Échap, au clic extérieur ou quand le focus quitte le menu.

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

Description

Chaque sous-menu suit le motif « disclosure » recommandé pour la navigation de site : un bouton avec aria-expanded et une simple liste de liens, sans rôle menu qui perturberait les lecteurs d'écran. Échap rend le focus au bouton. Sur mobile, le panneau prend toute la largeur de la barre.

Code

Chargement du code…

Contenu de l'archive

menu-deroulant-html-tailwind.zip3 fichiers · 4 Ko

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

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Sommaire de page

    Gratuit

    Une table des matières qui suit la lecture d'un long article et surligne la section en cours.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Pagination

    Gratuit

    Une pagination complète avec page courante, points de suspension et flèches précédent/suivant correctement désactivées.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Fil d'Ariane

    Gratuit

    Un fil d'Ariane accessible qui situe la page dans le site et se resserre sur mobile pour tenir sur une ligne.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Témoignage vidéo avec transcription

    Gratuit

    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