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