Alerts are banner messages that notify users of important information or instruct them on an appropriate action or set of actions they can or should take.
You might include an alert on one of your pages to highlight a schedule change, notify visitors of a service outage or bring special attention to important procedural information. All alerts have been styled to comply with the NC State color palette and to meet color contrast accessibility guidelines.
To add an alert to your page:
- Make sure you have installed the NC State Shortcodes and Shortcake (Shortcode UI) plugins on your site.
- Follow the steps to add a shortcode to your page. Select Alert from the options panel.
- Enter your Alert message in the Alert Body window and select the desired Alert Type. See below for examples of the different types of alerts. If you would like for users to be able to dismiss this alert, select the Dismissable? option.
- Click the Insert Element button in the bottom right corner of the window.
Types of alerts
This is a success alert
This is an information alert
This is a help alert. Use this alert type for cases when the recommended course of action in the alert is to contact the NC State Help Desk.
This is a warning alert
This is a danger alert
This is an example of a dismissable alert. If you click the “X” at the right, the alert closes.
Sample use case