Aller au contenu

Notifications et alertes : composants HTML, React et WordPress

Notifications, bannières et messages d'alerte annoncés aux technologies d'assistance.9 composants (notifications et alertes) accessibles et responsive, à intégrer dans votre site : HTML + Tailwind, React, CSS pur et bloc WordPress.

Les 9 ressources

  • 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
  • Les quatre messages classiques d'une interface : information, succès, avertissement et erreur.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Trois encarts pour la documentation technique : note, astuce et avertissement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un encadré en tête de formulaire qui liste les erreurs, chacune avec un lien vers le champ concerné.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un encart qui prévient d'une interruption de service programmée, avec la date, l'heure et l'impact.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Suivi d'incident

    Offert aux membres

    Un encart sombre de page d'état qui retrace un incident et ses mises à jour successives.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Un encart en pointillés qui met en avant une offre et son code, avec la date limite.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant
  • Une barre d'annonce en haut de page avec un lien et un bouton pour la fermer.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant