An alert is used to display important messages or notifications to users, such as warnings, success messages, or error alerts.
It grabs attention and provides feedback based on user actions or system updates. Users can close the alert message once it has been read.
Alert Header (variant : transparent, size 6 - half width)
The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here.
The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here.
The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here.
The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here.
The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here.
Alert Header (variant : warning, size 12 - full width)
The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here.
You can change the width, custom styles and the header and body text are both full WYSIWYG editors.
Alert Header (Style: Lavender, size 4)
The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here.
Alert Header (Style Aqua, size 8)
The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here. The body text goes here.