Sidenav

Opening sidenav

To create a sidenav, first you need to create the button that opens it. To do this, add the sidenav-trigger class to your button. At this point, Japu will create the side menu by placing the contents of its main menu automatically. To identify your main menu in your code, add the id main_menu to it.

menu 
<i class="material-icons sidenav-trigger">menu</i>

<div id='main_menu'>
  <ul>
    <li>
	  <!-- links -->
    </li>
  </ul>
</div>

Closing sidenav

To close it, just add the sidenav-close class to the object that will call the function.

close 
<i class="material-icons sidenav-close">close</i>