DEFAULT ALERT BOXES

THESE WOULD BE OUR PREDEFINED OPTIONS

WITHOUT ICONS

WELL DONE! You successfully read this important message.

HEADS UP! This alert needs your attention, but it’s not super important.

WARNING! Better check yourself, you’re not looking too good.

OH SNAP! Change a few things up and try submitting again.

NOTABLE MESSAGE! You message goes here.

WITH ICONS

WELL DONE! You successfully read this important message.

HEADS UP! This alert needs your attention, but it’s not super important.

WARNING! Better check yourself, you’re not looking too good.

OH SNAP! Change a few things up and try submitting again.

NOTABLE MESSAGE! You message goes here.

OUTLINED ALERT BOXES

THESE WOULD BE OUR PREDEFINED OPTIONS

WITHOUT ICONS

Succes: I am alert box. Click edit button to change this text.

Info: I am alert box. Click edit button to change this text.

Warning: I am alert box. Click edit button to change this text.

Danger: I am alert box. Click edit button to change this text.

Note: I am alert box. Click edit button to change this text.

WITH ICONS

Succes: I am alert box. Click edit button to change this text.

Info: I am alert box. Click edit button to change this text.

Warning: I am alert box. Click edit button to change this.

Danger: I am alert box. Click edit button to change this text.

Note: I am alert box. Click edit button to change this text.

FULL WIDTH ALERT BOXES

THESE WOULD BE OUR PREDEFINED OPTIONS

WITHOUT ICONS

WELL DONE! You successfully read this important message.

HEADS UP! This alert needs your attention, but it’s not super important.

WARNING! Better check yourself, you’re not looking too good.

OH SNAP! Change a few things up and try submitting again.

NOTABLE MESSAGE! You message goes here.

WITH ICONS

WELL DONE! You successfully read this important message.

HEADS UP! This alert needs your attention, but it’s not super important.

WARNING! Better check yourself, you’re not looking too good.

OH SNAP! Change a few things up and try submitting again.

NOTABLE MESSAGE! You message goes here.

<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-3LFS8N354D"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3LFS8N354D', {'anonymize_ip': true}); </script>