43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { Button } from '@workspace/ui/components/ui/button';
|
|
import {
|
|
Dialog,
|
|
DialogTrigger,
|
|
DialogContent,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
DialogDescription,
|
|
DialogFooter,
|
|
} from '@/registry/radix/dialog';
|
|
|
|
export const RadixDialogDemo = () => {
|
|
return (
|
|
<Dialog>
|
|
<DialogTrigger asChild>
|
|
<Button variant="outline">Open Dialog</Button>
|
|
</DialogTrigger>
|
|
|
|
<DialogContent className="sm:max-w-[425px]">
|
|
<DialogHeader>
|
|
<DialogTitle>Terms of Service</DialogTitle>
|
|
<DialogDescription>
|
|
Please read the following terms of service carefully.
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
|
|
<div className="grid gap-4 py-4">
|
|
<p>
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
|
|
quos. Lorem ipsum dolor sit amet consectetur adipisicing elit.
|
|
Quisquam, quos.
|
|
</p>
|
|
</div>
|
|
|
|
<DialogFooter>
|
|
<Button variant="outline">Decline</Button>
|
|
<Button type="submit">Accept</Button>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
);
|
|
};
|