This is documentation for Admin UI 0.131.0, which is no longer actively maintained.
For up-to-date documentation, see the latest version (0.136.0).
Version: 0.131.0
Alert
Alerts are notifications of mild to high priority. They may inform the user about events they should know, or explain a problem and point out a solution. They may be triggered by a user action or not.
Represents whether the height is fluid or not on mobile devices. By default its value is true. You can change it setting the fluid property to be either true or false.
They follow the page's grid, adapting to full 100% width, or centralized over a smaller container, for instance.
They don't overlap with sidebars. They are contextualized within containers.
They can’t be placed over the page's header. They are contextualized within containers.
Provide visible feedback to user actions by using alerts.
In high priority alerts, completing the task is the main focus. Our role is to assure that the user will solve their problem, by providing enough information to do it, through a clear message and action button.
Should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.
The user needs to know exactly what happened. Even if we work to assure full SLA, things can fail. There are even some scenarios that are beyond our direct control. Because of this, it’s extremely important that our users understand what is blocking them to finish their tasks.
Errors must be actionable. As users understand what is happening, we need to give them proper following actions.
We should always calm the user, not cause more stress.
Use this to give instant feedback about the tasks a user just performed. Its main objective is to ensure task confirmation, or notify about further actions.
Do not represent alarm or danger, but provide visibility about the system’s operations. Ex. You have 4 new releases to review.
Use this when user needs to know about some important info before taking any decision. Adds a higher note of urgency over situations that may cause problems to the user’s store, but aren’t yet causing trouble.
Ex. Sorry, this account is inactive. Please check your store’s billing for more information.
Use this when something went wrong after performing an action. Situation should be checked with urgency, since it’s already causing problems to the user’s store, and require manual resolution. This alert isn’t dismissable, and should stay on until the problem is fixed.
Ex. Sorry, something went wrong. Please, try again, or refresh your page.