Metronic | Alerts

Hi, Sean S

### Alerts

Actions
Metronic extends `Bootstrap Alert` component with a variety of options to provide uniquely looking Alert component that matches the Metronic's design standards.
For more info please visit the plugin's the component's Documentation.

### Basic Alerts

Alerts are available for any length of text, as well as an optional dismiss button.
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!

### With Icons

With Icons
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!

### Additional Content

Alerts can also contain additional HTML elements like headings, paragraphs and dividers.

#### Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

#### Got Issues!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

### Alert Styles

Outline style examples
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!
Outline 2x style examples
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple dark alert—check it out!

### Solid Background Alerts

Alerts are available for any length of text, as well as an optional dismiss button.
A simple primary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!
New order has been received
2 hrs ago
New customer is registered
3 hrs ago
Application has been approved
3 hrs ago
New file has been uploaded
5 hrs ago
New user feedback received
8 hrs ago
System reboot has been successfully completed
12 hrs ago
New order has been placed
15 hrs ago
Company meeting canceled
19 hrs ago
New report has been received
23 hrs ago
Finance report has been generated
25 hrs ago
New customer comment recieved
2 days ago
New customer is registered
3 days ago
5 new user generated report
Reports based on sales
2 new items submited
by Grog John
79 PSD files generated
Reports based on sales
$2900 worth producucts sold
Total 234 items
4.5h-avarage response time
Fostest is Barry
Database server is down
10 mins ago
System report has been generated
Fostest is Barry
4.5h-avarage response time
Fostest is Barry
Customer Care
Enable Notifications:
Enable Case Tracking:
Support Portal:
Reports
Generate Reports:
Enable Report Export:
Allow Data Collection:
Memebers
Enable Member singup:
Allow User Feedbacks:
Enable Customer Portal:

### Select A Demo

Demo 1
Default RTL Version
Demo 2
Default RTL Version
Demo 3
Default RTL Version
Demo 4
Default RTL Version
Demo 5
Default RTL Version
Demo 6
Default RTL Version
Demo 7
Default RTL Version
Demo 8
Default RTL Version
Demo 9
Default RTL Version
Demo 10
Default RTL Version
Demo 11
Default RTL Version
Demo 12
Default RTL Version
Demo 13
Coming soon
Demo 14
Coming soon
Demo 15
Coming soon
Demo 16
Coming soon
Demo 17
Coming soon
Demo 18
Coming soon
Demo 19
Coming soon
Demo 20
Coming soon
Demo 21
Coming soon
Demo 22
Coming soon
Demo 23
Coming soon
Demo 24
Coming soon
Demo 25
Coming soon
Demo 26
Coming soon
Demo 27
Coming soon
Demo 28
Coming soon
Demo 29
Coming soon
Demo 30
Coming soon
Buy Metronic Now!
Jason Muller Active
Jason Muller 2 Hours
How likely are you to recommend our company
to your friends and family?
30 Seconds You
Hey there, we’re just writing to let you know that you’ve
been subscribed to a repository on GitHub.
Jason Muller 30 Seconds
Ok, Understood!
Just Now You
You’ll receive notifications for all issues, pull requests!
Jason Muller 2 Hours
You were automatically subscribed
because you’ve been given access to the repository
30 Seconds You
You can unwatch this repository immediately
by clicking here:
Jason Muller 30 Seconds
Ok!
Just Now You
Ok!