---
name: action-sheet
url: /action-sheet
title: Action Sheet
---

<h2>Action Sheet</h2>
<h3 class="subheader">Action sheets can be triggered in your app view to providing contextual actions on a component. They act as slide up menus on small devices and drop downs on larger screens.</h3>

<hr>

<div class="text-center">
  <div zf-action-sheet>
    <div zf-as-button title="Action Sheet"></div>
    <div zf-as-content position="bottom">
      <p>Share this</p>
      <ul>
        <li><a href="#">Twitter</a></l