- Global alerts are triggered by system events.
- They appear as a fixed, full-width strip, on top of the screen throughout the application.
Different states and types
Success alerts should be used when an action was performed successfully.
Info alerts should be used when there are tips or information that a user can benefit from.
Warning alerts should be used for messages that likely require attention.
warningcloseYour browser is outdated. For a better experience consider upgrading it to the latest version available.Your browser is outdated. Consider upgrading it.
Danger alerts should be used when the system has failed to perform an action, or when the user has made an error.* Never include a close icon or link to dismiss the action. In cases when the alert should be dismissible use a warning alert instead. In many cases like this, the user path can be changed to achieve better results without requiring a close button in the component.
errorThe connection has been lost. Check your connection and refresh this page.The connection has been lost.