1fd22b5b0SDerick Montague<template> 21f9ed4c3SYoshie Muranaka <b-alert :show="show" :variant="variant" :class="{ small }"> 357b22628SSurenNeware <div 457b22628SSurenNeware v-if=" 557b22628SSurenNeware variant == 'info' || 657b22628SSurenNeware variant == 'success' || 757b22628SSurenNeware variant == 'warning' || 857b22628SSurenNeware variant == 'danger' 957b22628SSurenNeware " 1057b22628SSurenNeware class="alert-icon" 1157b22628SSurenNeware > 12fd22b5b0SDerick Montague <status-icon :status="variant" /> 13fd22b5b0SDerick Montague </div> 1457b22628SSurenNeware <div class="alert-content"> 1557b22628SSurenNeware <div class="alert-msg"> 1657b22628SSurenNeware <slot /> 17fd22b5b0SDerick Montague </div> 1857b22628SSurenNeware </div> 1957b22628SSurenNeware <div class="alert-action"> 209ccb8a97SYoshie Muranaka <slot name="action"></slot> 219ccb8a97SYoshie Muranaka </div> 22fd22b5b0SDerick Montague </b-alert> 23fd22b5b0SDerick Montague</template> 24fd22b5b0SDerick Montague 25fd22b5b0SDerick Montague<script> 2661859097SSurenNewareimport StatusIcon from '@/components/Global/StatusIcon'; 27fd22b5b0SDerick Montagueimport { BAlert } from 'bootstrap-vue'; 28fd22b5b0SDerick Montague 29fd22b5b0SDerick Montagueexport default { 30fd22b5b0SDerick Montague name: 'Alert', 31fd22b5b0SDerick Montague components: { 32fd22b5b0SDerick Montague BAlert: BAlert, 33*602e98aaSDerick Montague StatusIcon: StatusIcon, 34fd22b5b0SDerick Montague }, 35fd22b5b0SDerick Montague props: { 36fd22b5b0SDerick Montague show: { 37fd22b5b0SDerick Montague type: Boolean, 38*602e98aaSDerick Montague default: true, 39fd22b5b0SDerick Montague }, 40fd22b5b0SDerick Montague variant: { 41fd22b5b0SDerick Montague type: String, 42*602e98aaSDerick Montague default: '', 431f9ed4c3SYoshie Muranaka }, 44*602e98aaSDerick Montague small: Boolean, 45*602e98aaSDerick Montague }, 46fd22b5b0SDerick Montague}; 47fd22b5b0SDerick Montague</script> 48