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.
Authoring1min read
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```Comments
Comments need configuration
Giscus is enabled but not yet configured. Add the repository details below to start collecting comments.
- Visit
giscus.appand select your public GitHub repository (Discussions must be enabled). - Copy the generated
data-repo-id,data-categoryanddata-category-idvalues. - Set the
PUBLIC_GISCUS_ENABLED,PUBLIC_GISCUS_REPO,PUBLIC_GISCUS_REPO_ID,PUBLIC_GISCUS_CATEGORYandPUBLIC_GISCUS_CATEGORY_IDenv vars in your.envfile. - Rebuild the site — this notice will be replaced by the live comments thread.