Buttons

A button clearly communicates what action will occur when the user touches it. It consists of text, an image, or both, designed in accordance with your app’s colour theme.

Button   Ripple

<a class="btn btn-flat"> ... </a>

<a class="btn btn-flat waves-attach waves-button"> ... </a>

Button   Ripple

Button   Ripple

<a class="btn btn-brand btn-flat"> ... </a>

<a class="btn btn-brand btn-flat waves-attach waves-button"> ... </a>

<a class="btn btn-brand-accent btn-flat"> ... </a>

<a class="btn btn-brand-accent btn-flat waves-attach waves-button"> ... </a>

.btn-green   .btn-orange   .btn-red

Button   Ripple

<a class="btn"> ... </a>

<a class="btn waves-attach waves-button"> ... </a>

Button   Ripple

Button   Ripple

<a class="btn btn-brand"> ... </a>

<a class="btn btn-brand waves-attach waves-button waves-light"> ... </a>

<a class="btn btn-brand-accent"> ... </a>

<a class="btn btn-brand-accent waves-attach waves-button waves-light"> ... </a>

.btn-green   .btn-orange   .btn-red