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