layout-lv2

Objective

Create a slide-in Panel menu which links to the other app screens.

Adding a Panel

The following HTML code will create a Panel in your app.

<div zf-panel="" id="panelName"> 
  <a zf-close="" class="close-button">×</a> 
  <p>This is a basic panel.</p> 
</div>

The Panel will not be displayed until it is opened.

Opening/Closing a Panel

Use an HTML link to open a Panel.

<a href="#" zf-toggle="panelName" class="button">
  Toggle Panel
</a>

Future Reading

See the Zurb Foundation for Apps documentation for more Panel tricks.
http://foundation.zurb.com/apps/docs/#!/panel