21 lines
544 B
Vue
21 lines
544 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>
|
|
export default {
|
|
name: 'AaLoadingOverlay',
|
|
props: {
|
|
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>
|