f7-v4-panels.html

<div id="app">
  <div class="panel panel-left panel-reveal">
    ...
  </div>
  <div class="panel panel-right panel-cover">
    ...
  </div>
</div>
<script>
  var app = new Framework7({
    panel: {
      // make left panel swipeable
      swipe: 'left',
      // breakpoint when left panel becomes visible
      leftBreakpoint: 768,
      // breakpoint when right panel becomes visible
      rightBreakpoint: 1024,
    }
  });
</script>