diff --git a/packages/storybook-vue/stories/components/dropdown-select/DropdownSelect.stories.mdx b/packages/storybook-vue/stories/components/dropdown-select/DropdownSelect.stories.mdx
index 57b6626d1d..a6e51fd31f 100644
--- a/packages/storybook-vue/stories/components/dropdown-select/DropdownSelect.stories.mdx
+++ b/packages/storybook-vue/stories/components/dropdown-select/DropdownSelect.stories.mdx
@@ -7,7 +7,23 @@ import { action } from '@storybook/addon-actions';
title="Components/Dropdown Select"
component={ScaleDropdownSelect}
subcomponents={{ 'Dropdown Select Item': ScaleDropdownSelectItem }}
- argTypes={{}}
+ argTypes={{
+ hideLabelVisually: {
+ description: "(optional) to hide the label."
+ },
+ ariaLabelSelected: {
+ description: "(optional) Screen reader text appended to the selected element."
+ },
+ hcmLabelDisabled: {
+ description: "(optional) Text displayed in high contrast mode only to indicate disabled state."
+ },
+ ariaDetailsId: {
+ description: "(optional) id or space separated list of ids of elements that provide or link to additional related information."
+ },
+ value: {
+ description: "see https://floating-ui.com/docs/computePosition#strategy "
+ },
+ }}
/>
export const Template = (args, { argTypes }) => ({
diff --git a/packages/storybook-vue/stories/components/dropdown-select/ScaleDropdownSelect.vue b/packages/storybook-vue/stories/components/dropdown-select/ScaleDropdownSelect.vue
index 2d3b4d42cb..7de29d3a45 100644
--- a/packages/storybook-vue/stories/components/dropdown-select/ScaleDropdownSelect.vue
+++ b/packages/storybook-vue/stories/components/dropdown-select/ScaleDropdownSelect.vue
@@ -34,7 +34,7 @@ export default {
invalid: { type: Boolean },
disabled: { type: Boolean },
size: { type: String },
- value: { type: String },
+ value: { type: 'absolute' | 'fixed' , default: 'absolute' },
variant: { type: String },
comboboxId: { type: String },
hideLabelVisually: { type: Boolean, default: false },
diff --git a/packages/storybook-vue/stories/components/icon/ScaleIcon.vue b/packages/storybook-vue/stories/components/icon/ScaleIcon.vue
index 3765b47211..9514edcbd6 100644
--- a/packages/storybook-vue/stories/components/icon/ScaleIcon.vue
+++ b/packages/storybook-vue/stories/components/icon/ScaleIcon.vue
@@ -39,6 +39,7 @@
:focusable="focusable"
:decorative="decorative"
:accessibility-title="accessibilityTitle"
+ :styles="styles"
/>
@@ -54,6 +55,7 @@ export default {
focusable: { type: Boolean, default: false },
decorative: { type: Boolean, default: false },
accessibilityTitle: { type: String },
+ styles: { type: String }
}
}
diff --git a/packages/storybook-vue/stories/components/segmented-button/SegmentedButton.stories.mdx b/packages/storybook-vue/stories/components/segmented-button/SegmentedButton.stories.mdx
index 7b4c05f6ef..bab8609050 100644
--- a/packages/storybook-vue/stories/components/segmented-button/SegmentedButton.stories.mdx
+++ b/packages/storybook-vue/stories/components/segmented-button/SegmentedButton.stories.mdx
@@ -8,6 +8,9 @@ import ScaleSegmentedButton from './ScaleSegmentedButton.vue';
size: {
control: { type: 'select', options: ['small', 'medium', 'large'] },
},
+ ariaLabelTranslation: {
+ description: "(optional) aria-label attribute needed for icon-only buttons"
+ }
}}
/>
diff --git a/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.stories.mdx b/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.stories.mdx
index 5220124232..44ee9e3703 100644
--- a/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.stories.mdx
+++ b/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.stories.mdx
@@ -11,9 +11,9 @@ import ScaleSidebarNavItem from './SidebarNavItem.vue';
'scale-sidebar-nav-item': ScaleSidebarNavItem,
}}
argTypes={{
- styles: {
- control: { disable: true },
- },
+ collapsible: { description: "Set to `true` to make the sidebar toggleable (useful for small screens)"},
+ collapsibleMediaQuery: { description: "Automatically set `collapsible` based on this media query"},
+ collapsibleLabel: { description: "Label for toggle button"},
}}
/>
diff --git a/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.vue b/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.vue
index f00fbfea6e..75567c7944 100644
--- a/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.vue
+++ b/packages/storybook-vue/stories/components/sidebar-navigation/SidebarNav.vue
@@ -1,8 +1,20 @@
+
+
+ :arial-label-sidebar-nav="ariaLabelSiderbarNav"
+ :collapsible="collapsible"
+ :collapsible-label="collapsibleLabel"
+ :collapsible-media-query="collapsibleMediaQuery"
+ :styles="styles"
+ :collapsed="collapsed"
+ >
+
+
+