ass="button" ba-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>ba-open</code>, <code>ba-toggle</code>, or <code>ba-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 panels -->
<a href="" ba-open="panelName" class=