Aller au contenu
Forge

Bandeau d'annonce refermable

Une barre d'annonce en haut de page avec un lien et un bouton pour la fermer.

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

Description

Le bouton de fermeture a un nom accessible explicite et une zone de clic de 44 pixels. Après fermeture, le focus est replacé sur le contenu principal pour ne pas perdre l'utilisateur au clavier. La version React expose un rappel onDismiss pour mémoriser le choix.

Code

Chargement du code…

Contenu de l'archive

alerte-bandeau-annonce-html-tailwind.zip3 fichiers · 3 Ko

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

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Centre de notifications

    Gratuit

    Une cloche avec pastille de non-lues qui ouvre un panneau de notifications : icônes par type, lues et non lues distinguées, et bouton « Tout marquer comme lu ».

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Notifications toast

    Bientôt disponible

    De courtes notifications qui apparaissent en bas de l'écran après une action, puis disparaissent.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Alertes à quatre niveaux

    Gratuit

    Les quatre messages classiques d'une interface : information, succès, avertissement et erreur.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Encarts de documentation

    Gratuit

    Trois encarts pour la documentation technique : note, astuce et avertissement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
Bandeau d'annonce refermable | Forge