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> 

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

Future Reading

See the Zurb Foundation for Apps documentation for more Panel tricks.!/panel