Botones

Los botones se pueden crear con la etiqueta buton o simplemente un enlace
El botón mas sencillo es la clase btn y una variante para que sea un botón sin fondo, la clase btn-flat

<div class="section"> <button class="btn"> Clase: btn</button> <a href="" class="btn">Enlace Clase btn</a> <button class="btn-flat"> Clase: btn-flat</button> </div>

Para darlo color solo tenemos que agregar la clase al color correspondiente

<div class="section"> <button class="btn blue"> Clase: btn blue</button> <a href="" class="btn red">Enlace Clase btn red</a> </div>

Tamaños

Tambien tenemos clases para los tamaños

<div class="section"> <button class="btn-large blue"> Clase: btn-large</button> <a href="" class="btn-small red">Enlace Clase btn-small</a> </div>

Animaciones

Tenemos otra clase que nos ofrece una animación al pulsar los botones

<div class="section"> <button class="btn waves-effect waves-light"> Clase: waves-effect</button> <a href="" class="btn waves-effect waves-red">Enlace Clase waves-effect</a> </div>

Iconos

Los iconos se ocupan con la etiqueta <i> con la clase material-icons y el nombre del icono

<div class="section"> <button class="btn waves-effect waves-light"><i class="material-icons left">video_call</i> Clase: waves-effect + icono</button> <a href="" class="btn waves-effect waves-red"><i class="material-icons rigth">video_call</i>Enlace Clase waves-effect + icono</a> </div>

Tenemos otro tipo de botón. Sera un botón circular con efecto y de color rojo

<div class="section"> <a class="btn-floating btn-large waves-effect waves-light red"><i class="material-icons">add</i></a> </div>