- Docs
- components
- Dialog
Dialog
A dialog is an overlay shown above other content in an application.
The HTML <dialog> element can be used to build dialogs. However, it is not yet widely supported across browsers, and building fully accessible custom dialogs from scratch is very difficult and error prone. Dialog helps achieve accessible dialogs 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.
Usage
Basic
Preview
Code
Alert dialog
Preview
Code
Sheet
Preview
Code
Popover Dialog
Preview
Code