Modal

Introduction

The modal positions itself on top of other content, with an overlay, often used to add/edit information, feedback, show more information, and more.

Usage

In the example below, we demonstrate a delete confirmation modal that prompts the user to confirm or cancel a deletion action.

And here is an example of a loading spinner inside a modal

Modal documentation

For more in-depth guidance on the Modal component, how to use it, button hierarchy, and related best practices, check out the Overlays documentation.