feat(BToast): Add options autoHide, noCloseButton.

Allow to display or not the close button, and set a toast message with no auto hide
Efficy · Nov 2, 2022 · 24110d0 · 24110d0
1 parent 36d86a3
commit 24110d0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/bootstrap-vue-3/src/components/BToast/BToaster.vue b/packages/bootstrap-vue-3/src/components/BToast/BToaster.vue
@@ -5,7 +5,9 @@
       :id="toast.options.id"
       :key="toast.options.id"
       v-model="toast.options.value"
+      :auto-hide="toast.options.autoHide"
       :delay="toast.options.delay"
+      :no-close-button="toast.options.noCloseButton"
       :title="toast.content.title"
       :body="toast.content.body"
       :component="toast.content.body"

diff --git a/packages/bootstrap-vue-3/src/components/BToast/plugin.ts b/packages/bootstrap-vue-3/src/components/BToast/plugin.ts
@@ -19,10 +19,12 @@ export interface ToastContent {
 }
 
 export interface ToastOptions {
-  id?: string
-  value?: boolean // show or hide
+  autoHide?: boolean
   delay?: number
+  id?: string
+  noCloseButton?: boolean
   pos?: ContainerPosition
+  value?: boolean // show or hide
   variant?: ColorVariant
 }
 
@@ -50,7 +52,7 @@ interface ToastContainers {
   [key: symbol]: ToastVM
 }
 
-const defaultToastOptions: ToastOptions = {delay: 5000, value: true, pos: 'top-right'}
+const defaultToastOptions: ToastOptions = {autoHide: true, delay: 5000, noCloseButton: false, pos: 'top-right', value: true}
 
 export class ToastInstance {
   vm: ToastVM