18 lines
497 B
Vue
18 lines
497 B
Vue
<template>
|
|
<div v-if="visible" class="aa-loading-overlay" :class="{ 'is-inline': inline, 'is-dark': dark }">
|
|
<div class="aa-loading-spinner"></div>
|
|
<div class="aa-loading-text" v-if="text">{{ text }}</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
visible: { type: Boolean, default: false },
|
|
text: { type: String, default: '' },
|
|
inline: { type: Boolean, default: false },
|
|
dark: { type: Boolean, default: false }
|
|
});
|
|
</script>
|
|
|
|
<style src="./LoadingOverlay.css"></style>
|