Button

Overview

Applies styles to create a flat button.

html

<a class="c-button">Button</a>

Applies different sizes to the button.

Name	Description
`c-button--size-sm`	Small.
`c-button--size-lg`	Large.

html

<a class="c-button c-button--size-sm">Small</a>
<a class="c-button c-button--size-md">Medium</a>
<a class="c-button c-button--size-lg">Large</a>

You can change the color using a color utility or custom class.

html

<a class="c-button u-color-secondary">Raised</a>

You can add both elevation and animations by applying the press behavior.

html

<a class="c-button b-press">Raised</a>