Alert plugin: showcase of all variants
A complete guide to the alert code block language: colors, styles, direction, icons, title, description, and custom classes in Markdown and MDX.
This post demonstrates every variant supported by the custom alert code block language.
It works in both .md and .mdx files.
12 unread messages. Tap to see.
New software update available.
Your purchase has been confirmed!
Warning: Invalid email address!
Error! Task failed successfully.
Soft info alert.
Soft success alert.
Soft warning alert.
Soft error alert.
Outline info alert.
Outline success alert.
Outline warning alert.
Outline error alert.
Dash info alert.
Dash success alert.
Dash warning alert.
Dash error alert.
New message!
You have 1 unread message.
New message!
You have 1 unread message.
New message!
You have 1 unread message.
Uses the default warning icon.
This alert uses a custom bell icon.
This alert intentionally has no icon.
When title is provided, the alert renders with daisyUI title + description structure.
Deployment complete
Version 2.1.0 is now live in production.
Use class to append any extra utility or daisyUI classes.
Alert with a custom shadow utility class.
Class can also be used to force additional alert styles.
If description is omitted, all non-key lines become the description.
This text becomes the alert description automatically.
Line one of a multi-line description.
Line two of the same description.
Use this pattern inside Markdown or MDX:
```alerttype: infostyle: softdirection: responsiveicon: lucide:infotitle: Optional titledescription: Optional descriptionclass: optional-extra-classes```