refactor(storybook): more complex _cascading_ story

telekom · Jul 8, 2022 · 60caf45 · 60caf45
1 parent af95d17
commit 60caf45
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/packages/storybook-vue/stories/components/flyout-menu/MenuFlyout.stories.mdx b/packages/storybook-vue/stories/components/flyout-menu/MenuFlyout.stories.mdx
@@ -250,6 +250,21 @@ Use `scale-select` which will be triggered by both mouse and keyboard input.
                 <scale-menu-flyout-item><scale-icon-action-more slot="prefix"></scale-icon-action-more>Item With Prefix 3</scale-menu-flyout-item>
               </scale-menu-flyout-list>
             </scale-menu-flyout-item>
+            <scale-menu-flyout-item>
+              Same Options
+              <scale-menu-flyout-list slot="sublist">
+                <scale-menu-flyout-item><scale-icon-action-cut-paste slot="prefix"></scale-icon-action-cut-paste>Item With Prefix 1</scale-menu-flyout-item>
+                <scale-menu-flyout-item>
+                  <scale-icon-action-loop slot="prefix"></scale-icon-action-loop>Item With Prefix 2
+                  <scale-menu-flyout-list slot="sublist">
+                    <scale-menu-flyout-item>Third Level Item 1</scale-menu-flyout-item>
+                    <scale-menu-flyout-item>Third Level Item 2</scale-menu-flyout-item>
+                    <scale-menu-flyout-item>Third Level Item 3</scale-menu-flyout-item>
+                  </scale-menu-flyout-list>
+                </scale-menu-flyout-item>
+                <scale-menu-flyout-item><scale-icon-action-more slot="prefix"></scale-icon-action-more>Item With Prefix 3</scale-menu-flyout-item>
+              </scale-menu-flyout-list>
+            </scale-menu-flyout-item>
           </scale-menu-flyout-list>
         </scale-menu-flyout>
       </div>