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>