{% set title = 'Alert' %} {% set filename = 'component-alert.html' %} {% extends 'src/layouts/master.html' %} {% block content %}

### Alert

A pretty helpful component to show emphasized information to the user.

#### Default

This is primary alert.
This is success alert.
This is warning alert.
This is danger alert.
This is dark alert.
This is secondary alert.
This is light alert.
This is info alert.

#### With Icon

This is primary alert.
This is success alert.
This is warning alert.
This is danger alert.
This is secondary alert.
This is info alert.

#### Dismissable

This is primary alert.
This is a success alert.
Holy guacamole! You should check in on some of those fields below.
This is a danger alert.
This is a dark alert.
This is a secondary alert.
This is a light alert.
This is a info alert.

#### Light

This is primary alert.
This is success alert.
This is warning alert.
This is danger alert.
This is secondary alert.
This is info alert.

#### Heading

#### Primary

This is a primary alert.

#### Success

This is a success alert.

#### Warning

This is a warning alert.

#### Danger

This is a danger alert.

#### Dark

This is a dark alert.

#### Secondary

This is a secondary alert.

#### Light

This is a light alert.

#### Info

This is a info alert.

{% endblock %}