- Docs
- components
- Modal
Modal
A modal is an overlay element which blocks interaction with elements outside it.
This project is archived.
shadcn/ui now officially supports React Aria Components. Use shadcn/ui instead
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.
npx shadcn@latest add https://jollyui.dev/default/dialog