Docs

Alerts

Hello! I'm a default alert.
Hello! I'm a small default alert.

Alert Heading

Alerts can have heading titles.

Actions

I'm an alert with an action. In this case, the action is an SVG icon.
The action can also be text.
UNDO
The action text can be anything you like, but try to keep it short and contextual to the action the user needs to perform.
Dismiss

Alert Types

Default Alert

This is the default alert. Use these alerts to provide user with non-critical contextual information such as updates or notifications. Info alerts will always use the Bluebonnet color, not the Base theme color (which happens to be Bluebonnet by default).

Danger Alert

This is a danger alert. Use danger alerts to alert users to immediate problems or dangerous actions they are trying to take, such as deleting their account.

Warning Alert

This is a warning alert. Use warnings to alert users to potential problems or disturbances to their workflow.

Success Alert

This is a success alert. Use success to alert users about tasks or actions that have been successfully completed.

App-Level Alerts

App Alert: Default
App Alert: Danger
No internet connection detected.