generator-steroids/generators/example/drawer/templates/drawer.html

A Yeoman generator for Steroids

<script>

  // Sends message for the main view that listens with addEventListener()

  function closeDrawerAndSendMessage(selection) {
    var msg = { selection: selection };
    window.postMessage(msg, "*");

    steroids.drawers.hideAll();
  }

</script>

<div class="topcoat-list__container white-bg">
  <h3 class="topcoat-list__header">Your drawer</h3>

  <ul class="topcoat-list">
    <li class="topcoat-list__item" ontouchend="closeDrawerAndSendMessage('home')">Home</li>
    <li class="topcoat-list__item" ontouchend="closeDrawerAndSendMessage('settings')">Settings</li>
    <li class="topcoat-list__item" ontouchend="steroids.openURL('http://www.google.com')">Open Google</li>
  </ul>

</div>