Alerts

Default Alerts

Docs

A simple primary alert—check it out!

A simple secondary alert—check it out!

A simple success alert—check it out!

A simple purple 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!

Alerts with Icon

Docs

A simple primary alert—check it out!

A simple secondary alert—check it out!

A simple success alert—check it out!

A simple purple 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!

Dismissing Alerts

Docs

A simple primary alert—check it out!

A simple secondary alert—check it out!

A simple success alert—check it out!

A simple purple 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!

Alerts Link Color

Docs

A simple primary alert with an example link. Give it a click if you like.

A simple secondary alert with an example link. Give it a click if you like.

A simple success alert with an example link. Give it a click if you like.

A simple purple alert with an example link. Give it a click if you like.

A simple danger alert with an example link. Give it a click if you like.

A simple warning alert with an example link. Give it a click if you like.

A simple info alert with an example link. Give it a click if you like.

A simple light alert with an example link. Give it a click if you like.

A simple dark alert with an example link. Give it a click if you like.

Border Alerts

Dashonic Only

A simple border primary alert

A simple border secondary alert

A simple border success alert

A simple border purple alert

A simple border danger alert

A simple border warning alert

A simple border info alert

A simple border light alert

A simple border dark alert

Outline Alerts

Dashonic Only

A simple outline primary alert

A simple outline secondary alert

A simple outline success alert

A simple outline purple alert

A simple outline danger alert

A simple outline warning alert

A simple outline info alert

A simple outline light alert

A simple outline dark alert

Additional Content

Docs

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.