AlertsDLX – Alerts, Callouts, and Notifications

Description

AlertsDLX offers beautifully styled alerts and notifications blocks for the Block Editor, Classic Editor, or anywhere blocks and shortcodes can go.

Now Supports Shortcodes! See shortcode usage.

Spin up a quick demo here.

Quick Links:

Blocks are styled with inspiration from:

Each Alert can have built-in icons or you can set your own with SVGs.

Icons included are from:

Development:

Development happens on GitHub. Please check out the GitHub code repository for AlertsDLX.

Screenshots

  • Warning Alert and Options
  • Centered Warning Alert
  • Example Success Alert
  • Block Style Previews
  • Icon Selector
  • Font Size Option

Blocks

This plugin provides 4 blocks.

  • Material UI Alert An alert and notification block inspired by Material UI.
  • Bootstrap Alert An alert and notification block inspired by Bootstrap.
  • Chakra Alert An alert and notification block inspired by Chakra UI.
  • Shoelace Alert An alert and notification block inspired by Shoelace.

Installation

  1. Search for AlertsDLX on the Add Plugins screen.
  2. Install and activate.

In-depth Documentation – Please check out our thorough documentation ❤️️

View a demo

FAQ

Does this work with the Classic Editor?

Yes. AlertsDLX works with the Classic Editor via its shortcode support.

Does this work with the Block Editor?

Yes, AlertsDLX comes with four blocks, one for each style of alert (Bootstrap, Chakra, Material, and Shoelace).

What alert styles does the plugin support?

To see all the alerts in one place, spin up a quick demo here.

Can I customize the colors?

I’m afraid not. For the time being, the colors will match the alert style presented.

How can I get help?

Please leave a note on our support page.

Can I use my own icons?

Yes. The icon picker allows you to enter an SVG. For the shortcode, you must supply your own SVG.

Reviews

September 14, 2022 1 reply
Nice, simple but effective block that works great and has great options for customisation.
Read all 1 review

Contributors & Developers

“AlertsDLX – Alerts, Callouts, and Notifications” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.4.0

  • Released 2024-03-12
  • Reworked markup for better style compatibility and less conflicts.
  • Testing with WP 6.5.

1.3.5

  • Released 2023-12-09
  • Selecting block styles resulted in a JS error. This has been fixed.

1.3.1

  • Released 2023-10-21
  • Several performance improvements to the frontend. Previously the frontend was loading all styles and scripts for all alert types. Now it only loads the styles and scripts for the alert type(s) being used on the page.

1.3.0

1.2.5

  • Released 2023-09-10
  • Optimizing scripts and styles to only load when needed to prevent unnecessary style loading.

1.2.1

  • Released 2023-04-16
  • Hot fix for outputting the block description.

1.2.0

  • Released 2023-04-16
  • Added Shoelace alert styles.
  • Changing internal structure to innerBlocks.

1.1.0

  • Released 2022-10-01
  • Added Darkmode for Chakra and Material alert boxes.

1.0.5

  • Released 2022-09-12
  • Fixed “error” alert styles in the block editor/frontend.
  • Updated SVG icons for .org.

1.0.1

  • Released 2022-09-11
  • Added transforms to the blocks so that they are interchangeable.

1.0.0

  • Released 2022-09-09
  • Initial release.