# Alerts

##### Default

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 Icon

A simple primary alert with icon—check it out!
A simple secondary alert with icon—check it out!
A simple success alert with icon—check it out!
A simple danger alert with icon—check it out!
A simple warning alert with icon—check it out!
A simple info alert with icon—check it out!
A simple dark alert with icon—check it out!

##### Outlined

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

##### Default Solid Color

A simple primary alert with solid color—check it out!
A simple secondary alert with solid color—check it out!
A simple success alert with solid color—check it out!
A simple danger alert with solid color—check it out!
A simple warning alert with solid color—check it out!
A simple info alert with solid color—check it out!
A simple light alert with solid color—check it out!
A simple dark alert with solid color—check it out!

##### With Heading & Separator

#### Primary Heading

Et suscipit deserunt earum itaque dignissimos recusandae dolorem qui. Molestiae rerum perferendis laborum. Occaecati illo at laboriosam rem molestiae sint.

Temporibus quis et qui aspernatur laboriosam sit eveniet qui sunt.

#### Secondary Heading

Et suscipit deserunt earum itaque dignissimos recusandae dolorem qui. Molestiae rerum perferendis laborum. Occaecati illo at laboriosam rem molestiae sint.

Temporibus quis et qui aspernatur laboriosam sit eveniet qui sunt.

#### Success Heading

Et suscipit deserunt earum itaque dignissimos recusandae dolorem qui. Molestiae rerum perferendis laborum. Occaecati illo at laboriosam rem molestiae sint.

Temporibus quis et qui aspernatur laboriosam sit eveniet qui sunt.

#### Danger Heading

Et suscipit deserunt earum itaque dignissimos recusandae dolorem qui. Molestiae rerum perferendis laborum. Occaecati illo at laboriosam rem molestiae sint.

Temporibus quis et qui aspernatur laboriosam sit eveniet qui sunt.

#### Warning Heading

Et suscipit deserunt earum itaque dignissimos recusandae dolorem qui. Molestiae rerum perferendis laborum. Occaecati illo at laboriosam rem molestiae sint.

Temporibus quis et qui aspernatur laboriosam sit eveniet qui sunt.

#### Info Heading

Et suscipit deserunt earum itaque dignissimos recusandae dolorem qui. Molestiae rerum perferendis laborum. Occaecati illo at laboriosam rem molestiae sint.

Temporibus quis et qui aspernatur laboriosam sit eveniet qui sunt.

#### Lignt Heading

Et suscipit deserunt earum itaque dignissimos recusandae dolorem qui. Molestiae rerum perferendis laborum. Occaecati illo at laboriosam rem molestiae sint.

Temporibus quis et qui aspernatur laboriosam sit eveniet qui sunt.

#### Dark Heading

Et suscipit deserunt earum itaque dignissimos recusandae dolorem qui. Molestiae rerum perferendis laborum. Occaecati illo at laboriosam rem molestiae sint.

Temporibus quis et qui aspernatur laboriosam sit eveniet qui sunt.