Default examples
Default styling
.au-btn--secondary
Button --secondary.
.au-btn--tertiary
Button --tertiary.
.au-btn--block
Button --block.
Alt examples
Default styling
.au-btn--secondary
Button --secondary.
.au-btn--tertiary
Button --tertiary.
.au-btn--block
Button --block.
Dark examples
Default styling
.au-btn--secondary
Button --secondary.
.au-btn--tertiary
Button --tertiary.
.au-btn--block
Button --block.
Dark alt examples
Default styling
.au-btn--secondary
Button --secondary.
.au-btn--tertiary
Button --tertiary.
.au-btn--block
Button --block.
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:
uikit/button/_button.scss
, line 1