The information modal is a modal that gives users critical information about an action they performed.

Structure

Title: The title states what happened after performing an action. It should be a short and descriptive statement.   

Content: The content is short and provides users with critical information about an action they performed. If there is an issue, a solution should be given in the content.

Button: A “Close” button in the primary style should be displayed on the right-hand side. If the modal inform users about an issue, the primary button should be the one allowing users to fix the issue.

Information modal with a close button
Information modal with a button to fix issue

Behavior

When an action has been performed, an information modal can appear to give users critical information about the action.

Since modals display important information, they aren’t dismissable, users consciously dismiss them by clicking on the close/cancel button or choosing another action.

Related pages

The “Add new” modal, like the create dialog box, is used to add content.
This modal acts as a confirmation window for bulk actions.
A confirmation modal is a type of modal that asks users to verify if they would like to proceed with an action.
A modal is a container triggered by a user’s action to give critical information about the action, to ask the user to take a decision ...
This modal is a confirmation modal that prevents users from leaving an edit record page without saving changes.