s="small-12 medium-6 grid-content">
    <a class="button" zf-toggle="example-panel-1">Basic Panel</a>
  </div>
</div>

<h4>Creating Panel Triggers</h4>

<p>Panels use the same trigger directives used to open and close other components. Add the directive <code>zf-open</code>, <code>zf-toggle</code>, or <code>zf-close</code> to an element to create a trigger. The value of the directive should be the ID of the panel you want to target.</p>

<hljs language="html">
<!-- These are the three ways to manipulate pan