1fd22b5b0SDerick Montague<template> 21f9ed4c3SYoshie Muranaka <b-alert :show="show" :variant="variant" :class="{ small }"> 3*57b22628SSurenNeware <div 4*57b22628SSurenNeware v-if=" 5*57b22628SSurenNeware variant == 'info' || 6*57b22628SSurenNeware variant == 'success' || 7*57b22628SSurenNeware variant == 'warning' || 8*57b22628SSurenNeware variant == 'danger' 9*57b22628SSurenNeware " 10*57b22628SSurenNeware class="alert-icon" 11*57b22628SSurenNeware > 12fd22b5b0SDerick Montague <status-icon :status="variant" /> 13fd22b5b0SDerick Montague </div> 14*57b22628SSurenNeware <div class="alert-content"> 15*57b22628SSurenNeware <div class="alert-msg"> 16*57b22628SSurenNeware <slot /> 17fd22b5b0SDerick Montague </div> 18*57b22628SSurenNeware </div> 19*57b22628SSurenNeware <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> 26fd22b5b0SDerick Montagueimport StatusIcon from '../Global/StatusIcon'; 27fd22b5b0SDerick Montagueimport { BAlert } from 'bootstrap-vue'; 28fd22b5b0SDerick Montague 29fd22b5b0SDerick Montagueexport default { 30fd22b5b0SDerick Montague name: 'Alert', 31fd22b5b0SDerick Montague components: { 32fd22b5b0SDerick Montague BAlert: BAlert, 33fd22b5b0SDerick Montague StatusIcon: StatusIcon 34fd22b5b0SDerick Montague }, 35fd22b5b0SDerick Montague props: { 36fd22b5b0SDerick Montague show: { 37fd22b5b0SDerick Montague type: Boolean, 38fd22b5b0SDerick Montague default: true 39fd22b5b0SDerick Montague }, 40fd22b5b0SDerick Montague variant: { 41fd22b5b0SDerick Montague type: String, 42fd22b5b0SDerick Montague default: '' 431f9ed4c3SYoshie Muranaka }, 441f9ed4c3SYoshie Muranaka small: Boolean 45fd22b5b0SDerick Montague } 46fd22b5b0SDerick Montague}; 47fd22b5b0SDerick Montague</script> 48