Style Guide


Use alerts to provide feedback to the user or call attention to important information the user should know.

Note: Javascript functions exist for displaying most common alerts, avoiding the need to manually style them in most cases.

Success alert

Successfully run. Total query runtime: 32 msec. 1 row retrieved

Use this to provide feedback on an event that happened correctly

Error alert

Error retrieving properties - INTERNAL SERVER ERROR

Use this to provide feedback that something went wrong:

Info alert

This is a neutral message

Use this for non urgent info that users should know. Links can also be placed within the banner if needed.