1
0
Fork 0
mirror of synced 2024-08-24 06:21:37 +12:00
budibase/packages/builder/src/components/common/ConfirmDialog.svelte

34 lines
651 B
Svelte

<script>
import { Modal, ModalContent } from "@budibase/bbui"
export let title = ""
export let body = ""
export let okText = "Confirm"
export let cancelText = "Cancel"
export let onOk = undefined
export let onCancel = undefined
let modal
export const show = () => {
modal.show()
}
export const hide = () => {
modal.hide()
}
</script>
<Modal bind:this={modal} on:hide={onCancel}>
<ModalContent onConfirm={onOk} {title} confirmText={okText} {cancelText} red>
<div class="body">
{body}
<slot />
</div>
</ModalContent>
</Modal>
<style>
.body {
font-size: var(--font-size-s);
}
</style>