Type

<button>

--secondary --primary --tertiary

<a>

--secondary --primary --tertiary

States

<button>

(default) [disabled] * --is-busy

<a>

(default) [disabled] * --is-busy .disabled [aria-disabled] (no [href])

Footnotes

* The disabled attribute is not valid HTML on anchor (<a>) elements, only on button (<button>) elements — but it is still supported here for backwards-compatibility. Prefer aria-disabled="true" on anchors instead.

Icons

<button>

… __icon--before __icon--after X

<a>

… __icon--before __icon--after X

Size

<button>

--size-small

<a>

--size-small