1.9 UI-Kit.page-alerts UI-Kit Page alerts
Tags to apply a taxonomy and link to similar content.
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