From 6bb75f32713107e2d7087a96256c64df075bc9f3 Mon Sep 17 00:00:00 2001
From: Jason CheongKeeYou <jasonc@nulogy.com>
Date: Wed, 9 Oct 2024 11:17:58 -0400
Subject: [PATCH] Create storybook entry 'Toggle with wrapping text' to
 illustrate the problem

---
 src/Toggle/Toggle.story.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/Toggle/Toggle.story.tsx b/src/Toggle/Toggle.story.tsx
index a4575e51c..fad19e863 100644
--- a/src/Toggle/Toggle.story.tsx
+++ b/src/Toggle/Toggle.story.tsx
@@ -58,6 +58,22 @@ ToggleSetToDefaultToggled.story = {
   name: "Toggle set to defaultToggled",
 };
 
+export const ToggleWithWrappingText = () => (
+  <Flex width="200px">
+    <Toggle
+      labelText="Toggle"
+      onText="The quick brown fox jumped over the lazy dog."
+      offText="The quick brown fox jumped over the lazy dog."
+      defaultToggled
+      onChange={action("on change")}
+    />
+  </Flex>
+);
+
+ToggleWithWrappingText.story = {
+  name: "Toggle with wrapping text",
+};
+
 export const ToggleSetToDisabled = () => (
   <>
     <Toggle