linkGeneral specs
CSS properties
linkDescription
- Global alerts are triggered by system events.
- They appear as a fixed, full-width strip, on top of the screen throughout the application.
linkDifferent states and types
Success
Success alerts should be used when an action was performed successfully.
Info
Info alerts should be used when there are tips or information that a user can benefit from.
infocloseThe new Patch Finder 2.0 will be released soon. You can see the details of this update.Patch Finder 2.0 will be released soon.
Warning
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
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.