button class="button" ba-hard-toggle="example-panel-left">Left Panel</button>

<hr>

<h3>Basic HTML</h3>
<p>Create a panel using the <code>ba-panel</code> directive. Each panel should have a unique ID you can use to target it.</p>
<div class="grid-block">
  <div class="small-12 medium-6 grid-content">
<hljs language="html">
<div ba-panel id="panel">
  <a ba-close class="close-button">&times;</a>
  <p>This is a basic panel.</p>
</div>
</hljs>
  </div>

  <div class="small-12 medium-6 grid-content">
    <a cl