megamenu_sdc-1.0.x-dev/components/menu_pane/menu_pane.default.story.yml

name: Menu pane
props:
  menu_id: "demo"
  height_selector: ".demo-force-wrap"
  attributes:
    class: "bg-primary2 border-2 mx-5"
slots:
  default: |
    <ul class="border-1 border-orange flex flex-rows demo-force-wrap gap-4">
      <li class="my-2">some content</li>
      <li class="my-2">when this content</li>
      <li class="my-2">starts to wrap</li>
      <li class="my-2">this pane hides on desktop</li>
      <li class="my-2">and the hamburger icon</li>
      <li class="my-2">appears.</li>
      <li class="my-2">some content</li>
    </ul>