Components
Loading preview...
A pop-up layered above the application window or dialog, which makes the background content inert.
@molecule-ui
npx shadcn@latest add https://21st.dev/r/molecule-lab-rushil/dialogimport { Dialog,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle,
DialogTrigger, } from "@/components/ui/dialog";
import {Button} from '@/components/ui/button'
export default function DemoOne() {
return <Dialog>
<DialogTrigger asChild>
<Button variant="outline">Open Dialog</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-[425px]">
<DialogHeader>
<DialogTitle>Edit profile</DialogTitle>
<DialogDescription>
Make changes to your profile here. Click save when you're done.
</DialogDescription>
</DialogHeader>
<DialogFooter>
<Button type="submit">Save changes</Button>
</DialogFooter>
</DialogContent>
</Dialog>;
}