></zf-as-button>
  <zf-as-content position="top">
    <p>This is my fancy content!</p>
  </zf-as-content>
</zf-action-sheet>
<hr>

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

<hljs>
<a href="#" zf-hard-toggle="separate-actionsheet">Toggle</a>
<a