From e20c405c571b7fa2964ac93ce5f82d4b0e0b4074 Mon Sep 17 00:00:00 2001
From: Joseph John Aas Cooper <joe@dhis2.org>
Date: Mon, 8 Jan 2024 12:18:55 +0100
Subject: [PATCH] docs(segmented-control): add long label and aria label
 storybook examples

---
 .../src/segmented-control.stories.js               | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/components/segmented-control/src/segmented-control.stories.js b/components/segmented-control/src/segmented-control.stories.js
index 75a90f022d..309c9d8b21 100644
--- 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',
+}