What is a Modal?

A modal is a dialog that requires user interaction before continuing with the process or navigation on a webpage or application. It typically overlays the main content, capturing the user's attention.

When to use a Modal?

Modals should be used when you need to prompt the user for a decision or additional information that is critical for the next steps, such as confirming actions, providing feedback, or collecting user inputs.

When not to use a Modal?

Avoid using modals for non-essential information or notifications that do not require immediate user action, as they can interrupt the user experience and may lead to frustration.

What is the anatomy of a Modal?

The anatomy of a modal typically includes a title, body content, and action buttons such as 'Confirm' or 'Cancel', allowing users to make decisions or dismiss the dialog.