Dialog Extended
Displays a responsive dialog, built on top of vaul Drawer.
modal
New features
1. Parallel (experimental)
If you want to have a dialog that works as a parallel route (Next.js), you can use the following component.
2. Responsive
About
The <Dialog /> component is built on top the <Drawer /> from Vaul library.
Installation
Run the following command:
npx ever-ui-clx@0.2.1 add demo-dialog
npx ever-ui-clx@0.2.1 add demo-dialog-responsiveUsage
import {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTitle,
DialogTrigger,
} from "@/components/ui/dialog"<Dialog>
<DialogTrigger>Open</DialogTrigger>
<DialogContent>
<DialogHeader>
<DialogTitle>Are you absolutely sure?</DialogTitle>
<DialogDescription>
This action cannot be undone. (...)
</DialogDescription>
</DialogHeader>
</DialogContent>
</Dialog>