Overview
The inline alert is one of the many components that can be used in our mobile experience used to illustrate status. The component can both be fixed to a given page (depending on the system status) while also being toggleable from the user through the close icon.
Key Features
There are four types of inline alert: information, warning, error and positive. Each of these are to used with their semantic meaning.
- The content of the inline alert should not exceed two lines in length.
- The icon is fixed for each of the four inline alerts.
- The close icon is a optional element of the component.
Usage
The inline alert is limited to page wide alerts.
Avoid using this component for notifications that are only applicable for one part of the page.
The inline alert should be positioned at the top of a given page.
Avoid placing the inline alert in the middle of a page.