Alert
An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task. Alerting makes it possible for people to keep up with the information that matters most to them.
Simple Alert
For simple alert with short message, use class alert with alert-variant. AceUI provides four alert variants - info, success, warning and error. Refer examples below to use alert in your project.
This is a info alert—check it out!
This is a success alert—check it out!
This is a warning alert—check it out!
This is a danger alert—check it out!
Alert with Icon
Use classes alert & alert-icon to create alert with icons. Refer the example given below.
This is a info alert—check it out!
This is a success alert—check it out!
This is a warning alert—check it out!
This is a danger alert—check it out!
Alert with Dismiss
Alert with dismiss have close button which allow users to close/ remove the alert.
This is a info alert—check it out!
This is a success alert—check it out!
This is a warning alert—check it out!
This is a danger alert—check it out!
Alert Color - Dark
To make alerts of darker color use class alert-dark.
This is a info alert—check it out!
This is a success alert—check it out!
This is a warning alert—check it out!
This is a danger alert—check it out!
Alert Color - Light
To make alerts of lighter color use class alert-light.
This is a info alert—check it out!
This is a success alert—check it out!
This is a warning alert—check it out!
This is a danger alert—check it out!