element-plus/docs/examples/message-box/centered-content.vue
JeremyWuuuuu e97fe719c4
chore(docs): update text button type (#7533)
- Update button's type in examples per changes for button
2022-05-06 17:33:52 +08:00

33 lines
653 B
Vue

<template>
<el-button text @click="open">Click to open Message Box</el-button>
</template>
<script lang="ts" setup>
import { ElMessage, ElMessageBox } from 'element-plus'
const open = () => {
ElMessageBox.confirm(
'proxy will permanently delete the file. Continue?',
'Warning',
{
confirmButtonText: 'OK',
cancelButtonText: 'Cancel',
type: 'warning',
center: true,
}
)
.then(() => {
ElMessage({
type: 'success',
message: 'Delete completed',
})
})
.catch(() => {
ElMessage({
type: 'info',
message: 'Delete canceled',
})
})
}
</script>