Files
ui/docs/app/components/content/examples/modal/ModalExample.vue

25 lines
502 B
Vue

<script setup lang="ts">
const modal = useModal()
defineProps<{
count: number
}>()
const emit = defineEmits(['success'])
function onSuccess() {
emit('success')
}
</script>
<template>
<UModal :title="`This modal was opened programmatically ${count} times`">
<template #footer>
<div class="flex gap-2">
<UButton color="neutral" label="Close" @click="modal.close()" />
<UButton label="Success" @click="onSuccess" />
</div>
</template>
</UModal>
</template>