Skip to content
Forge

Four-level alerts

The four classic interface messages: information, success, warning and error.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

Each level combines a color, a distinctly shaped icon and an explicit heading: the message type never relies on color alone. Contrast meets AA in both light and dark mode.

Code

Loading the code…

Archive contents

alertes-quatre-niveaux-html-tailwind.zip3 files · 3 Ko

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

Tags

Updated on October 12, 2026.

In the same spirit

  • Toast notifications

    Coming soon

    Short notifications that appear at the bottom of the screen after an action, then disappear.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Documentation callouts

    Free

    Three callouts for technical documentation: note, tip and warning.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Form error summary

    Coming soon

    A box at the top of a form listing the errors, each with a link to the field concerned.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Scheduled maintenance notice

    Free

    A notice warning of a scheduled service interruption, with date, time and impact.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component