Modal
A modal is a dialog box that appears above the parent page and provides advance notice of a destructive action and consequence. They tell users a decision is needed.
import { ... } from '@ag.ds-next/react/modal';Use modals sparingly
Modals interrupt the user journey so should only be used to provide critical information that helps inform a decision or prevent a destructive or detrimental action.
Keep it brief
The modal experience should be a brief interaction with no more than two action buttons and a dismiss option (X in the top right corner). The modal closes when the action is completed.