Modals

A basic Dialogs component centred on the screen with an overlay. The modal includes a title, message, and two buttons: one for cancelling and one as a call-to-action to a details page.

A modal dialog prompts users to grant access to third-party applications (like Adobe and Google). Features logos, a brief message, step indicators (dots) to show progress and buttons to "Skip" or proceed to the "Next" step.

A modal dialog for confirming user actions. Features an information icon, a confirmation message, and buttons to "Cancel" and "Submit". It provides a clear and user-friendly way to handle critical actions requiring user verification.

A modal dialog designed to confirm user actions. It includes a checkmark icon, a confirmation message, and two buttons: "Cancel" and "Confirm". Creates a visually distinct and focused confirmation experience for users.

A modal dialog box for confirming user actions featuring an image, a confirmation question, and two buttons: "Cancel" and "Confirm." This style provides a clear visual context for the action being confirmed.

This is a simple modal designed to convey congratulation messages to users. It features a smiling emoji icon, a customizable message, a "Know More" button and a close icon to direct users to additional information or actions.

A modal dialog for file sharing. It includes a link to the file, a "Copy" button to copy the link easily, and options to invite collaborators or publish the file for public viewing.

This is a file upload modal dialog featuring a drag-and-drop area, file size limit information, a list of uploaded files with details (including upload progress), and actions like "Remove upload." It also includes a cancel button and an action button, "Upload Files."

A modal dialog designed to facilitate social share. It features buttons for sharing a provided link via various social media platforms and allows for copying the link directly.

A modal dialog for managing user access in an application. This style features a list of current users with roles, a form for inviting new users by email, and a close button (the 'x' in the top right corner).

A modal dialog box designed to warn users about deactivating their accounts. It features a warning icon, a message explaining the consequences of deactivation, and two buttons.