Sha256: ce726a3c41d45f546dfd7ef48b04d08b720e9b3a31decc6bdfd06668466985ac
Contents?: true
Size: 1012 Bytes
Versions: 17
Compression:
Stored size: 1012 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)"
>
<icon name="ri-close-circle-line" />
</button>
</div>
<div class="modal-body">
<slot></slot>
</div>
</div>
</div>
</div>
</transition>
</template>
<script>
export default {
name: 'Modal',
props: {
isOpen: Boolean,
title: { type: String, default: 'Modal' },
containerClass: { type: String, default: 'w-108' },
},
}
</script>
Version data entries
17 entries across 17 versions & 1 rubygems