JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/foundation/6.0.5/foundation.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.0.5/foundation.min.css">
<div class="off-canvas-wrapper">
  <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
    <div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas>
      <ul class="vertical menu" data-drilldown>
        <!-- start of the drilldown multi level menu -->
        <li><a href="#item1" data-close>Item 1</a></li>
        <li><a href="#item2" data-close>Item 2</a></li>
        <li><a href="#item3" data-close>Item 3</a></li>
        <li><a href="#item4" data-close>Item 4</a></li>
      </ul>
    </div>
    <div class="off-canvas-content" data-off-canvas-content>
      <div class="title-bar">
        <div class="title-bar-left">
          <button class="menu-icon" type="button" data-open="offCanvasLeft"></button>
          <span class="title-bar-title">Foundation</span>
        </div>
        <div class="title-bar-right">
          <button class="menu-icon" type="button" data-open="offCanvasRight"></button>
        </div>
      </div>
      <div class="small-12 column" id="item1">
        <h2>Item 1</h2>
        <p>content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...</p>
      </div>
      <div class="small-12 column" id="item2">
        <h2>Item 2</h2>
        <p>content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...content goes here...</p>
      </div>
      <div class="small-12 column" id="item3">
        <h2>Item 3</h2>
        <p>content...

JavaScript

$(document).foundation();