36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
|
export const basicAlertDialog=`import {
|
||
|
|
AlertDialog,
|
||
|
|
AlertDialogAction,
|
||
|
|
AlertDialogCancel,
|
||
|
|
AlertDialogContent,
|
||
|
|
AlertDialogDescription,
|
||
|
|
AlertDialogFooter,
|
||
|
|
AlertDialogHeader,
|
||
|
|
AlertDialogTitle,
|
||
|
|
AlertDialogTrigger,
|
||
|
|
} from "@/components/ui/alert-dialog"
|
||
|
|
import { Button } from "@/components/ui/button";
|
||
|
|
const BasicAlertDialog = () => {
|
||
|
|
return (
|
||
|
|
<AlertDialog>
|
||
|
|
<AlertDialogTrigger asChild>
|
||
|
|
<Button variant="outline">Show Dialog</Button>
|
||
|
|
</AlertDialogTrigger>
|
||
|
|
<AlertDialogContent>
|
||
|
|
<AlertDialogHeader>
|
||
|
|
<AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
|
||
|
|
<AlertDialogDescription>
|
||
|
|
This action cannot be undone. This will permanently delete your
|
||
|
|
account and remove your data from our servers.
|
||
|
|
</AlertDialogDescription>
|
||
|
|
</AlertDialogHeader>
|
||
|
|
<AlertDialogFooter>
|
||
|
|
<AlertDialogCancel>Cancel</AlertDialogCancel>
|
||
|
|
<AlertDialogAction>Continue</AlertDialogAction>
|
||
|
|
</AlertDialogFooter>
|
||
|
|
</AlertDialogContent>
|
||
|
|
</AlertDialog>
|
||
|
|
)
|
||
|
|
};
|
||
|
|
|
||
|
|
export default BasicAlertDialog;`
|