IBS: _ibs UI Theme

1 files changed, 47 insertions, 0 deletions

diff --git a/src/components/_ibs/Global/Alert.vue b/src/components/_ibs/Global/Alert.vue
new file mode 100644
index 00000000..e8de9e27
--- /dev/null
+++ b/src/components/_ibs/Global/Alert.vue
@@ -0,0 +1,47 @@
+<template>
+  <b-alert :show="show" :variant="variant" :class="{ small }">
+    <div
+      v-if="
+        variant == 'info' ||
+        variant == 'success' ||
+        variant == 'warning' ||
+        variant == 'danger'
+      "
+      class="alert-icon"
+    >
+      <status-icon :status="variant" />
+    </div>
+    <div class="alert-content">
+      <div class="alert-msg">
+        <slot />
+      </div>
+    </div>
+    <div class="alert-action">
+      <slot name="action"></slot>
+    </div>
+  </b-alert>
+</template>
+
+<script>
+import StatusIcon from '@/components/Global/StatusIcon';
+import { BAlert } from 'bootstrap-vue';
+
+export default {
+  name: 'Alert',
+  components: {
+    BAlert: BAlert,
+    StatusIcon: StatusIcon,
+  },
+  props: {
+    show: {
+      type: Boolean,
+      default: true,
+    },
+    variant: {
+      type: String,
+      default: '',
+    },
+    small: Boolean,
+  },
+};
+</script>