commit 9ccb8a9768d90376d33b37d817929b916f405042
author Yoshie Muranaka <yoshiemuranaka@gmail.com> Wed Jul 15 13:15:05 2020 -0700
committer Derick Montague <derick.montague@ibm.com> Tue Jul 21 21:45:59 2020 +0000
tree 8aa5420928c4f00a99b0df4bd1434feb82634ee2
parent f7c393790a546c536726c76ba233253ce74287d2

Add slot for an optional action in Alert component

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ia2891eaf6e22c367d3080a9a3cb2eff0a27563bf

src/components/Global/Alert.vue

diff --git a/src/components/Global/Alert.vue b/src/components/Global/Alert.vue
index d31d673..2008536 100644
--- a/src/components/Global/Alert.vue
+++ b/src/components/Global/Alert.vue
@@ -3,9 +3,12 @@
     <div v-if="variant == 'warning' || variant == 'danger'" class="alert-icon">
       <status-icon :status="variant" />
     </div>
-    <div class="alert-content">
+    <div class="alert-content d-inline-flex align-items-center">
       <div class="alert-msg"><slot /></div>
     </div>
+    <div class="alert-action d-inline-flex align-items-center">
+      <slot name="action"></slot>
+    </div>
   </b-alert>
 </template>