Fix(web-twig): Radio button with multiple line label #DS-1664

lmc-eu · Jan 24, 2025 · be0c466 · be0c466
1 parent 6d074dc
commit be0c466
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/web-twig/src/Resources/components/Radio/Radio.stories.twig b/packages/web-twig/src/Resources/components/Radio/Radio.stories.twig
@@ -9,6 +9,10 @@
         {% include '@components/Radio/stories/RadioDefault.twig' %}
     </DocsSection>
 
+    <DocsSection title="With Long Label Text">
+        {% include '@components/Radio/stories/RadioLongLabelText.twig' %}
+    </DocsSection>
+
     <DocsSection title="Hidden Label">
         {% include '@components/Radio/stories/RadioHiddenLabel.twig' %}
     </DocsSection>

diff --git a/packages/web-twig/src/Resources/components/Radio/stories/RadioLongLabelText.twig b/packages/web-twig/src/Resources/components/Radio/stories/RadioLongLabelText.twig
@@ -0,0 +1,5 @@
+<Radio
+    id="radio-long-label"
+    label="This is an example of a very long label text for a radio button. It is specifically designed to test how well the layout handles text wrapping when the content becomes significantly longer. The purpose of this text is to confirm that the radio button's composition remains intact, visually aligned, and free from any unexpected breakage or misalignment. Ensuring proper spacing and alignment for multiline labels is essential for creating a consistent and user-friendly interface across different screen sizes and resolutions."
+    name="radioLongLabel"
+/>