Skip to content

Documentation callouts

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

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

Description

Each callout is an aside element whose heading ("Note", "Tip", "Warning") states the nature of the content, in addition to color and icon. Inline code keeps a distinct background in both themes.

Code

Loading the code…

Archive contents

alertes-encarts-documentation-html-tailwind.zip3 files · 3 Ko

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

Tags

Updated on October 12, 2026.

In the same spirit

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

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • The four classic interface messages: information, success, warning and error.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A box at the top of a form listing the errors, each with a link to the field concerned.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A notice warning of a scheduled service interruption, with date, time and impact.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component