"top">
    <p>This is my fancy content!</p>
  </ba-as-content>
</ba-action-sheet>
<hr>

<h3>External Triggers</h3>
<p>To use an entirely different element to control the action sheet, use the following markup. Make sure that the ID for the action sheet and the toggle match up. The ba-as-button element is optional here, since you're using another element to trigger the action sheet.</p>

<hljs language="html">
<a href="" ba-hard-toggle="separate-actionsheet">Toggle</a>
<a href="" ba-hide="separate-actionshee