Mail</a></li>
      </ul>
    </div>
  </div>
</div>

<hr>

<h3>Basic HTML</h3>
<p>You can create an action sheet with this basic directive. The position attribute can be set as "top" or "bottom."</p>
<div class="grid-block">
  <div class="small-12 medium-6 grid-content">

<hljs language="html">
<div ba-action-sheet>
  <div ba-as-button title="I'm an Action Sheet"></div>
  <div ba-as-content position="bottom">
    <p>Tap to share</p>
    <ul>
      <li><a href="">Twitter</a></li>
      <li><a href="">Facebo