Component

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.

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.

Secondary

This is a secondary alert.

Success

This is a success alert.

Danger

This is a danger alert.

Warning

This is a warning alert.

Info

This is a info alert.

Light

This is a light alert.

Dark

This is a dark alert.

Dismissable

This is a secondary alert.
This is a success alert.
This is a danger alert.
This is a info alert.
This is a light alert.
This is a dark alert.