diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-07-15 23:15:05 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-07-22 00:45:59 +0300 |
commit | 9ccb8a9768d90376d33b37d817929b916f405042 (patch) | |
tree | 8aa5420928c4f00a99b0df4bd1434feb82634ee2 | |
parent | f7c393790a546c536726c76ba233253ce74287d2 (diff) | |
download | webui-vue-9ccb8a9768d90376d33b37d817929b916f405042.tar.xz |
Add slot for an optional action in Alert component
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ia2891eaf6e22c367d3080a9a3cb2eff0a27563bf
-rw-r--r-- | src/components/Global/Alert.vue | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/components/Global/Alert.vue b/src/components/Global/Alert.vue index d31d673d..2008536a 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> |