- Docs
- components
- Modal
Modal
A modal is an overlay element which blocks interaction with elements outside it.
The HTML <dialog> element can be used to build modals. However, it is not yet widely supported across browsers, and building fully accessible custom dialogs from scratch is very difficult and error prone. Modal helps achieve accessible modals that can be styled as needed.
Preview
Code
Installation
CLI
Copy & Paste
Copy and paste the following code into your project.
Loading...Update the import paths to match your project setup.
Examples
Basic
Preview
Code
Interactions
Dismissable
Preview
Code
Keyboard Dismiss Disabled
Preview
Code
Sheet
Preview
Code