Alert

Basic

Email confirmation sent

Please check your email@example.com inbox.

With list

Interested links

Success

To create a success alert message, add the .alert-success class to the .alert.

You're successfully signed up!

Now you can:

Info

To create an info alert message, add the .alert-info class to the .alert.

Privacy policy update

Read updated privacy policy here.

Warning

To create a warning alert message, add the .alert-warning class to the .alert.

Confirmation required

Do you sure that you want to remove the article?

Danger

To create a danger alert message, add the .alert-danger class to the .alert.

Download failed

There are some possible error reasons:

Dark

To create a dark alert, use the .alert-dark class with the .alert-* class.

You're successfully signed up!

Now you can:

Privacy policy update

Read updated privacy policy here.

Confirmation required

Do you sure that you want to remove the article?

Download failed

There are some possible error reasons:

Usage

To add dismiss functionality to all alert messages, you need to require the alert plugin:


require(['px-bootstrap/alert']);
        

Usage

To use alerts, you need to include ui-bootstrap.js script:


<script src="path/to/js/ui-bootstrap.js"></script>
        

Example

{{alert.msg}}