29 lines
896 B
Vue
29 lines
896 B
Vue
<template>
|
|
<div>
|
|
<UiButton :variant="'secondary'" :size="'lg'">
|
|
Save
|
|
</UiButton>
|
|
|
|
<UiAlertDialog>
|
|
<UiAlertDialogTrigger as-child>
|
|
<UiButton variant="outline">
|
|
Show Dialog
|
|
</UiButton>
|
|
</UiAlertDialogTrigger>
|
|
<UiAlertDialogContent>
|
|
<UiAlertDialogHeader>
|
|
<UiAlertDialogTitle>Are you absolutely sure?</UiAlertDialogTitle>
|
|
<UiAlertDialogDescription>
|
|
This action cannot be undone. This will permanently delete your
|
|
account and remove your data from our servers.
|
|
</UiAlertDialogDescription>
|
|
</UiAlertDialogHeader>
|
|
<UiAlertDialogFooter>
|
|
<UiAlertDialogCancel>Cancel</UiAlertDialogCancel>
|
|
<UiAlertDialogAction>Continue</UiAlertDialogAction>
|
|
</UiAlertDialogFooter>
|
|
</UiAlertDialogContent>
|
|
</UiAlertDialog>
|
|
</div>
|
|
</template>
|