feat: adding closeButtonLabel and -Title to storybook stories

telekom · Apr 3, 2023 · 4d63435 · 4d63435
1 parent 369ae0a
commit 4d63435
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 0 deletions.
diff --git a/...ybook-vue/stories/components/notification-banner/NotificationBanner.stories.mdx b/...ybook-vue/stories/components/notification-banner/NotificationBanner.stories.mdx
@@ -35,6 +35,8 @@ export const Template = (args, { argTypes }) => ({
       :auto-hide-duration="autoHideDuration"
       :auto-hide="autoHide"
       :opened="opened"
+      :close-button-label="closeButtonLabel"
+      :close-button-title="closeButtonTitle"
     >
       {{ heading }} 
       <p v-if="text">{{ text }}</p>

diff --git a/packages/storybook-vue/stories/components/notification-banner/ScaleNotificationBanner.vue b/packages/storybook-vue/stories/components/notification-banner/ScaleNotificationBanner.vue
@@ -16,6 +16,8 @@ export default {
     opened: { type: Boolean },
     autoHide: { type: Boolean, default: false },
     autoHideDuration: { type: Number, default: 3000 },
+    closeButtonLabel: { type: String, default: 'close' },
+    closeButtonTitle: { type: String, default: 'close' },
   },
 };
 </script>
diff --git a/...ook-vue/stories/components/notification-message/NotificationMessage.stories.mdx b/...ook-vue/stories/components/notification-message/NotificationMessage.stories.mdx
@@ -34,6 +34,8 @@ export const Template = (args, { argTypes }) => ({
       :auto-hide-duration="autoHideDuration"
       :auto-hide="autoHide"
       :opened="opened"
+      :close-button-label="closeButtonLabel"
+      :close-button-title="closeButtonTitle"
     >
       {{ heading }} 
       <p v-if="text">{{ text }}</p>

diff --git a/packages/storybook-vue/stories/components/notification-message/ScaleNotificationMessage.vue b/packages/storybook-vue/stories/components/notification-message/ScaleNotificationMessage.vue
@@ -15,6 +15,8 @@ export default {
     opened: { type: Boolean },
     autoHideDuration: { type: Number, default: 3000 },
     autoHide: { type: Boolean, default: false },
+    closeButtonLabel: { type: String, default: 'close' },
+    closeButtonTitle: { type: String, default: 'close' },
   },
 };
 </script>
diff --git a/...orybook-vue/stories/components/notification-toast/NotificationToast.stories.mdx b/...orybook-vue/stories/components/notification-toast/NotificationToast.stories.mdx
@@ -42,6 +42,8 @@ export const Template = (args, { argTypes }) => ({
       :opened="opened"
       :auto-hide-duration="autoHideDuration"
       :auto-hide="autoHide"
+      :close-button-label="closeButtonLabel"
+      :close-button-title="closeButtonTitle"
       ><p slot="header">Informational toast headline</p>
     </scale-notification-toast>
     </div>

diff --git a/packages/storybook-vue/stories/components/notification-toast/ScaleNotificationToast.vue b/packages/storybook-vue/stories/components/notification-toast/ScaleNotificationToast.vue
@@ -25,6 +25,8 @@ export default {
     autoHideDuration: { type: Number, default: 3000 },
     autoHide: { type: Boolean, default: false },
     styles: { type: String },
+    closeButtonLabel: { type: String, default: 'close' },
+    closeButtonTitle: { type: String, default: 'close' },
   },
 };
 </script>