# Welcome to AlertsDLX

<figure><img src="https://470724960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJGO4Gff9TG8gz0gouFdk%2Fuploads%2Fcl46JT4YXIP19QWlw5CG%2Falerts-dlx-editor-slash-command.jpg?alt=media&#x26;token=6fe97417-f25d-41e0-ba8f-318fda517494" alt=""><figcaption><p>AlertsDLX Comes with Three Alert Styles</p></figcaption></figure>

## AlertsDLX Overview

{% hint style="success" %}
**Now Supports Shortcodes!** - You can use shortcodes if the block editor is not enabled.
{% endhint %}

{% content-ref url="shortcode-usage" %}
[shortcode-usage](https://docs.dlxplugins.com/alertsdlx/shortcode-usage)
{% endcontent-ref %}

AlertsDLX is designed to be an easy-to-use Alert block for the WordPress Block Editor and comes with three alert blocks.

{% hint style="info" %}
**Download**: [Visit AlertsDLX on the WordPress Plugin Directory](https://wordpress.org/plugins/alerts-dlx/)
{% endhint %}

Each block represents an alert component from the more popular UI libraries. You can use the links below to preview what the alert component should look like for each library.

* [Material UI](https://mui.com/material-ui/react-alert/)
* [Bootstrap](https://getbootstrap.com/docs/5.0/components/alerts/)
* [Chakra UI](https://chakra-ui.com/docs/components/alert)
* [Shoelace](https://shoelace.style/)

The end result is an intuitive interface for quickly spinning up an alert box in almost any style.

<figure><img src="https://470724960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJGO4Gff9TG8gz0gouFdk%2Fuploads%2Fb1LX78bdolpd4UbmPXLm%2Falerts-dlx-back-end-screenshot.jpg?alt=media&#x26;token=54a7ad3d-664b-48fc-a75c-3bd784409efc" alt=""><figcaption><p>AlertsDLX Block in the Block Editor</p></figcaption></figure>

<figure><img src="https://470724960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJGO4Gff9TG8gz0gouFdk%2Fuploads%2Fkroyk0LBhh59MHFA0lo3%2Falerts-dlx-front-end-screenshot.jpg?alt=media&#x26;token=cf610499-be88-452f-bd16-004cbb22ba54" alt=""><figcaption><p>AlertsDLX Block on the Frontend</p></figcaption></figure>

{% content-ref url="features" %}
[features](https://docs.dlxplugins.com/alertsdlx/features)
{% endcontent-ref %}

{% content-ref url="screenshots" %}
[screenshots](https://docs.dlxplugins.com/alertsdlx/screenshots)
{% endcontent-ref %}