docs(segmented-control): add long label and aria label storybook exam…

…ples
dhis2 · Jan 8, 2024 · e20c405 · e20c405
1 parent cce94e0
commit e20c405
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/components/segmented-control/src/segmented-control.stories.js b/components/segmented-control/src/segmented-control.stories.js
@@ -17,6 +17,7 @@ export default {
         ],
         selected: 'DOG',
         onChange: logger,
+        ariaLabel: 'Segmented control label',
     },
 }
 
@@ -33,3 +34,16 @@ DisabledOption.args = {
     ],
     selected: 'THREE',
 }
+
+export const LongLabels = Template.bind({})
+LongLabels.args = {
+    options: [
+        {
+            label: 'Program configuration, security, and distribution',
+            value: 'PROGRAM',
+        },
+        { label: 'Two', value: 'TWO' },
+        { label: 'Three', value: 'THREE' },
+    ],
+    selected: 'PROGRAM',
+}