Menu lateral

Abrindo o menu lateral

Para criar um menu lateral, primeiro, é preciso criar o botão que faz ele abrir. Pra isso, acrescente a classe sidenav-trigger ao seu botão. Neste momento, o Japu irá criar o menu lateral colocando o conteúdo do seu menu principal automaticamente. Pra identificar o seu menu principal no seu código, acrescente à ele o id main_menu.

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

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

Fechando o menu lateral

Para fechá-lo, basta acrescentar a classe sidenav-close ao objeto que irá chamar a função.

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