Default examples
Default styling

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--info
Page alert info.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--warning
Page alert warning.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--error
Page alert error.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--success
Page alert success.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
Alt examples
Default styling

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--info
Page alert info.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--warning
Page alert warning.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--error
Page alert error.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--success
Page alert success.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
Dark examples
Default styling

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--info
Page alert info.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--warning
Page alert warning.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--error
Page alert error.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--success
Page alert success.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
Dark alt examples
Default styling

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--info
Page alert info.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--warning
Page alert warning.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--error
Page alert error.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
.au-page-alerts--success
Page alert success.

Status message

  • We will never contact you in person over the phone to make a payment.
  • Please enter a valid email address.
Markup: uikit/page-alerts/page_alerts.twig
{% extends '@govcms8_uikit/page-alerts/page_alerts.twig' %}
Source: assets/scss/uikit/page-alerts/_page_alerts.scss, line 1