Alerts

Alerts that indicate something has happened, is happening or were prevented from happening

During design and development phases, this guide is best viewed in Google chrome as it is still a working document.

Notice

Alert message
<span class="alert alert--notice"><i role="presentation" aria-hidden="true" class="ico ico-warning-warning"></i>Alert message</span>

Notes

Indicates that something is due to happen, or that might be happening in the future.

Success

Alert message
<span class="alert alert--success"><i role="presentation" aria-hidden="true" class="ico ico-success-success"></i>Alert message</span>

Notes

Indicates that something has happened as expected

Error

Alert message
<span class="alert alert--error"><i role="presentation" aria-hidden="true" class="ico ico-error-error"></i>Alert message</span>

Notes

Indicates that something has not happened or gone wrong