The “Add new” modal, like the create dialog box, is used to add content.

"Add new" modal to add a comment

Structure

Add button

A “New” button, in the default style, shall be placed on the right side of an item to enable users to add new content. 

The “add new” modal

It is composed of a header with a left close icon and a title in the following format: {Content title} {content type}. A “Cancel” button in the default style and a “Save & close” button in the disabled style are placed on the right side of the modal.

Behavior

  When users click on “New” button, the “Add new” modal appears. When they start typing, the “Save & close” button changes from the disabled to the primary style.

"Add new" modal when users start typing

When users save and close, they are redirected to the parent page where the newly added content is visible.

Related pages

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.
The information modal is a modal that gives users critical information about an action they performed.
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.