Skip to main content

Buttons

Use links if you want to jump to a new URL, use buttons for all other interactions. You can view best practices here.

Examples#

<button class="gr-btn" type="button">Button</button>

Disabled#

<button class="gr-btn" type="button" disabled>Button</button>

Sizes#

There are two additional sizes to choose from.

<button class="gr-btn extra-large" type="button">Button</button>
<button class="gr-btn small" type="button">Button</button>

Icon Button#

<button class="gr-btn icon-btn-18" type="button">
<svg focusable="false" className="icon-18" aria-hidden="true">
<use xmlnsXlink="http://www.w3.org/1999/xlink" xlinkHref="#close-18" />
</svg>
</button>