gamebrary/src/components/EmptyState.vue
2020-11-23 16:14:34 -07:00

31 lines
562 B
Vue

<template lang="html">
<div class="text-center pt-5">
<h2 v-if="title">{{ title }}</h2>
<p v-if="message">{{ message }}</p>
<b-button
v-if="actionText"
variant="primary"
@click="$emit('action')"
>
<b-spinner small v-if="busy" />
<span v-else>{{ actionText }}</span>
</b-button>
<slot />
</div>
</template>
<script>
export default {
props: {
title: String,
message: String,
actionText: String,
busy: false,
},
};
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
</style>