Docs(web-twig): Add Dropdown demo #DS-895

Dropdown demo in web-twig is now same as demo in web and web-react
lmc-eu · Sep 8, 2023 · e987ea3 · e987ea3
1 parent 8d89302
commit e987ea3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/packages/web-twig/src/Resources/components/Dropdown/stories/DropdownFullwidthAll.twig b/packages/web-twig/src/Resources/components/Dropdown/stories/DropdownFullwidthAll.twig
@@ -5,7 +5,7 @@
     >
         Finibus quis imperdiet, semper imperdiet aliquam
     </Button>
-    <Dropdown id="dropdownFullWidthModeAll" fullWidthMode="all">
+    <Dropdown id="dropdownFullWidthModeAll" fullWidthMode="all" placement="top-left">
         <a href="#" class="d-flex mb-400">
             <Icon name="info" UNSAFE_className="mr-400" />
             <span>Information</span>

diff --git a/packages/web-twig/src/Resources/components/Dropdown/stories/DropdownFullwidthMobileOnly.twig b/packages/web-twig/src/Resources/components/Dropdown/stories/DropdownFullwidthMobileOnly.twig
@@ -5,7 +5,7 @@
     >
         Finibus quis imperdiet, semper imperdiet aliquam
     </Button>
-    <Dropdown id="dropdownFullWidthModeMobile" fullWidthMode="mobile-only">
+    <Dropdown id="dropdownFullWidthModeMobile" fullWidthMode="mobile-only" placement="top-left">
         <a href="#" class="d-flex mb-400">
             <Icon name="info" UNSAFE_className="mr-400" />
             <span>Information</span>

diff --git a/packages/web-twig/src/Resources/components/Dropdown/stories/DropdownLongerContent.twig b/packages/web-twig/src/Resources/components/Dropdown/stories/DropdownLongerContent.twig
@@ -8,19 +8,19 @@
     <Dropdown id="dropdownLonger">
         <a href="#" class="d-flex mb-400">
             <Icon name="info" UNSAFE_className="mr-400" />
-            <span>Information</span>
+            <span>Bibendum aliquam, fusce integer sit amet congue non nulla aliquet enim</span>
         </a>
         <a href="#" class="d-flex mb-400">
             <Icon name="link" UNSAFE_className="mr-400" />
-            <span>Bibendum aliquam, fusce integer sit amet congue non nulla aliquet enim</span>
+            <span>Nulla condimentum, purus commodo cursus non nulla rhoncus</span>
         </a>
         <a href="#" class="d-flex mb-400">
             <Icon name="profile" UNSAFE_className="mr-400" />
-            <span>Profile</span>
+            <span>Mauris nunc, elementum enim in lacinia vitae quam placerat sem, euismod accumsan</span>
         </a>
         <a href="#" class="d-flex">
             <Icon name="help" UNSAFE_className="mr-400" />
-            <span>Help</span>
+            <span>Donec dui, nunc dui vel varius libero molestie nibh nunc</span>
         </a>
     </Dropdown>
 </DropdownWrapper>