9 lines
792 B
Vue
9 lines
792 B
Vue
<script setup lang="ts">
|
|
import KbxDialog from './KbxDialog.vue'
|
|
import KbxButton from './KbxButton.vue'
|
|
withDefaults(defineProps<{open:boolean;title:string;detail:string;level?:'low'|'medium'|'high';confirmLabel:string}>(),{level:'medium'})
|
|
const emit=defineEmits<{ 'update:open':[boolean]; confirm:[] }>()
|
|
</script>
|
|
<template><KbxDialog :open="open" :title="title" size="sm" @update:open="emit('update:open',$event)"><p class="kbx-confirm__detail">{{detail}}</p><template #footer><KbxButton label="취소" @click="emit('update:open',false)"/><KbxButton :label="confirmLabel" :variant="level==='high'?'danger':'primary'" @click="emit('confirm')"/></template></KbxDialog></template>
|
|
<style scoped>.kbx-confirm__detail{white-space:pre-line;line-height:1.5;color:var(--kbx-color-text)}</style>
|