...
For a detailed explanation of how to use product alerts, please see the Guidelines for Product Alerts article.
Page
Page alerts are contextual and provide users with nondisruptive feedback or the status of an action. For example, an alert that informs the user that their form content was submitted successfully.
For a detailed explanation of how to use page alerts, please see the Guidelines for Page Alerts article.
In-line
In-line alerts are feedback messages that appear with an input as the result of an action. For example, an alert that informs the user that they did not complete a required field.
For a detailed explanation of how to use in-line validation messages, please see the Guidelines for In-line Alerts article.
Modal
Modal alerts are disruptive and provide users with critical information that needs their attention or action. For example, an alert that asks the user to confirm that they want to leave a form without saving.
...