 href="#" zf-hide="separate-actionsheet">Hide</a>
<zf-action-sheet id="separate-actionsheet">
  <zf-as-content position="top">
    <p>Message for you, sir!</p>
  </zf-as-content>
</zf-action-sheet>
</hljs>
<button class="button secondary as-demo" zf-hard-toggle="separate-actionsheet">Toggle</button>
<button class="button secondary as-demo" zf-hide="separate-actionsheet">Hide</button>
<zf-action-sheet id="separate-actionsheet">
  <zf-as-button title="Action Sheet"></zf-as-button>
  <zf-as-content position="b