Contextual Alerts
Overview
Contextual Alerts are messages that are used to communicate to the user with less visual impact than standard alerts.
Contextual Alerts
Example: Lorem ipsum...Read More
Additional Sizes
| Size Class | Alert sizing |
|---|---|
| .alert-lg |
Example: Lorem ipsum...Read More |
| .alert-md |
Example: Lorem ipsum...Read More |
| default |
Example: Lorem ipsum...Read More |
Icon Colors
Add below CSS class to ❮span class="system_circle_exclamation-outline icon"❯ to change icon color.
| Color Class | Alert Color |
|---|---|
| .icon--success |
Success: Lorem ipsum...Read More |
| .icon--error |
Error: Lorem ipsum...Read More |
| .icon--warning |
Note: Lorem ipsum...Read More |
| Default (Don't need class) |
Help: Lorem ipsum...Read More |