{{#if supports.type}}

Type

<button>

--secondary --primary --tertiary

{{#if supports.link-tag}}

<a>

--secondary --primary --tertiary

{{/if}}

{{/if}} {{#if supports.states}}

States

<button>

default disabled-attr --is-busy

{{#if supports.link-tag}}

<a>

default disabled-attr --is-busy

{{/if}}

{{/if}} {{#if supports.icons}}

Icons

<button>

… __icon--before __icon--after X

{{#if supports.link-tag}}

<a>

… __icon--before __icon--after X

{{/if}}

{{/if}} {{#if supports.width}}

Width

<button>

--width-short --width-medium --width-long

{{#if supports.link-tag}}

<a>

--width-short --width-medium --width-long

{{/if}}

{{/if}} {{#if supports.size}}

Size

{{#if supports.size-small}}

<button>

--size-small

{{#if supports.link-tag}}

<a>

--size-small

{{/if}}

{{else}} (no small size allowed) {{/if}}

{{/if}}