Default examples
Default styling

Link as button

.au-btn--secondary
Button --secondary.

Link as button

.au-btn--tertiary
Button --tertiary.

Link as button

.au-btn--block
Button --block.

Link as button

Alt examples
Default styling

Link as button

.au-btn--secondary
Button --secondary.

Link as button

.au-btn--tertiary
Button --tertiary.

Link as button

.au-btn--block
Button --block.

Link as button

Dark examples
Default styling

Link as button

.au-btn--secondary
Button --secondary.

Link as button

.au-btn--tertiary
Button --tertiary.

Link as button

.au-btn--block
Button --block.

Link as button

Dark alt examples
Default styling

Link as button

.au-btn--secondary
Button --secondary.

Link as button

.au-btn--tertiary
Button --tertiary.

Link as button

.au-btn--block
Button --block.

Link as button

Markup: uikit/button/button.twig
<p>
  <button class="au-btn {{modifier_class}}" type="button">Standard button</button>
  <button class="au-btn {{modifier_class}}" type="button" disabled>Disabled button</button>
</p>
<p>
  <input class="au-btn {{modifier_class}}" type="button" value="Input type button">
  <input class="au-btn {{modifier_class}}" type="button" value="Disabled input type button" disabled>
</p>
<p>
  <a class="au-btn {{modifier_class}}" href="#">Link as button</a>
</p>
Source: assets/scss/uikit/button/_button.scss, line 1