Sha256: 3d88d77b666615f402e1f41430d4c6c1212d6925b6a2adc235f3f60c8a9023ec
Contents?: true
Size: 1023 Bytes
Versions: 8
Compression:
Stored size: 1023 Bytes
Contents
<template>
<transition name="modal">
<div class="modal-mask" v-if="isOpen">
<div class="modal-wrapper" @click="$emit('on-close')">
<div class="modal-container" :class="containerClass" @click.stop>
<div class="modal-header">
<slot name="header">
<h3 class="text-gray-800 font-semibold antialiased text-lg">
{{ title }}
</h3>
</slot>
<button
class="modal-close-button"
type="button"
@click="$emit('on-close', true)"
>
<uikit-icon name="ri-close-circle-line" />
</button>
</div>
<div class="modal-body">
<slot></slot>
</div>
</div>
</div>
</div>
</transition>
</template>
<script>
export default {
name: 'UIKitModal',
props: {
isOpen: Boolean,
title: { type: String, default: 'Modal' },
containerClass: { type: String, default: 'w-108' },
},
}
</script>
Version data entries
8 entries across 8 versions & 1 rubygems