24 lines
743 B
Vue
24 lines
743 B
Vue
|
<template>
|
||
|
|
<ui-box class="relative" :heading="heading" container-class="grid gap-3">
|
||
|
|
<slot></slot>
|
||
|
|
<template #in-title>
|
||
|
|
<div class="flex ml-3 space-x-3 absolute right-0 top-0 mr-4 mt-4">
|
||
|
|
<a href="#" @click.prevent="$emit('submit')">
|
||
|
|
<ui-sprite src="save" class="text-zinc-400 w-4 h-4"></ui-sprite>
|
||
|
|
</a>
|
||
|
|
<a href="#" @click.prevent="$emit('close')">
|
||
|
|
<ui-sprite src="close" class="text-zinc-400 w-4 h-4"></ui-sprite>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</ui-box>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
const emit = defineEmits(['close', 'submit']);
|
||
|
|
|
||
|
|
const props = defineProps({
|
||
|
|
heading: {},
|
||
|
|
});
|
||
|
|
</script>
|