Alerts & Notices

Use this collection of interface elements to repurpose and help build applications. The purpose is to work as efficiently as possible to allow you to focus on solving challenges. If there is a component you need and isn’t listed, please submit your request to Web. The ticket will be reviewed for design/implementation.

Alerts

Basic Alert

Alerts can be used at the top of an application or within an application such as the error message for a contact form.

alert

This is an alert. You can add an icon or even also add a link.

Code Example




    
    
This is an alert. You can add an icon or even also  add a link.

Colors & Rounded Corners

An alert can be different colors.

Use the color as the class as defined below.

This is red.



This is yellow.



This is green.



For rounded corners.

rounded

This is red with rounded corners.

Code Example




    
This is red.

Notices

Basic Notice

Notices can be used to convey additional information that needs to be highlighted for importance.

notice

Example

This is an example of a notice. It can even have a link.

Code Example




    
 Example
This is an example of a notice.

Colors & Rounded Corners

An alert can be different colors.

Use the color as the class as defined below.

Example

This is an example of a notice red.



Example

This is an example of a notice yellow.



Example

This is an example of a notice cream.



Example

This is an example of a notice green.