Information!
This is an alert box
Purpose
The alert box is to draw attention to important time-critical or unplanned information
When to use
Use for short-term information that may reflect a change to your service, e.g. an outage
How to use
The alert box is a modified Content Block, so you may wish to review the Content Block training page first.
Once you have a (preferably blank) Content Block that you wish to use, take the following steps:
- Edit your content block to include the information required for your alert (typically a heading and some descriptive text);
- While still in edit mode, click the Advanced Settings icon [ ] at the top right of the page;
- In Wrapper CSS class add the required classnames (see below for reference);
- Save and preview your page.
Variants
The following alert box variants are available:
Danger
To use this alert box add the following classnames in Wrapper CSS class:
alert-box alert-box--danger
Information
To use this alert box add the following classnames in Wrapper CSS class:
alert-box alert-box--information
Success
To use this alert box add the following classnames in Wrapper CSS class:
alert-box alert-box--success
Warning
To use this alert box add the following classnames in Wrapper CSS class:
alert-box alert-box--warning
For light backgrounds
To use this alert box add the following classnames in Wrapper CSS class:
alert-box alert-box--light
For dark backgrounds
To use this alert box add the following classnames in Wrapper CSS class:
alert-box alert-box--dark