Alert Messages

  1. Home
  2. Elements
  3. Alert Messages

Default Alert

Well done! You successfully read this important alert message. Alert link
Heads up! This alert needs your attention, but it's not super important. Alert link
Warning! Better check yourself, you're not looking too good. Alert link
Oh snap! Change a few things up and try submitting again. Alert link

Alert with icon

Well done! You successfully read this important alert message. Alert link
Heads up! This alert needs your attention, but it's not super important. Alert link
Warning! Better check yourself, you're not looking too good. Alert link
Oh snap! Change a few things up and try submitting again. Alert link

Code in alert

Well done! You successfully ion-done-all read this important alert message. Alert link
Heads up! This alert needs ion-circled your attention, but it's not super important. Alert link
Warning! Better check yourself, ion-warning you're not looking too good. Alert link
Oh snap! Change a few things up and fa-times try submitting again. Alert link

Alert with title

Success

Well done! You successfully ion-done-all read this important alert message. Alert link

Info

Heads up! This alert needs ion-circled your attention, but it's not super important. Alert link

Warning

Warning! Better check yourself, ion-warning you're not looking too good. Alert link

Danger

Oh snap! Change a few things up and fa-times try submitting again. Alert link

Alert with list

Successfully done.

  • These icons work great with the fa-spin class. Check out the spinning icons example.
  • All brand icons are trademarks of their respective owners.
  • Brand icons should only be used to represent the company or product to which they refer.

Some Informations.

  • These icons work great with the fa-spin class. Check out the spinning icons example.
  • All brand icons are trademarks of their respective owners.
  • Brand icons should only be used to represent the company or product to which they refer.

Warnings!.

  • These icons work great with the fa-spin class. Check out the spinning icons example.
  • All brand icons are trademarks of their respective owners.
  • Brand icons should only be used to represent the company or product to which they refer.

Compate these warnings:

  • These icons work great with the fa-spin class. Check out the spinning icons example.
  • All brand icons are trademarks of their respective owners.
  • Brand icons should only be used to represent the company or product to which they refer.