<!-- Default -->
<button class="btn btn-primary btn-small " type="button">
<span class="btn__inner">
<span class="btn__text">Small Buttons</span>
</span>
</button>
<!-- Secondary -->
<button class="btn btn-secondary btn-small " type="button">
<span class="btn__inner">
<span class="btn__text">Small Buttons</span>
</span>
</button>
{{> @button}}
/* Default */
{
"text": "Small Buttons",
"className": "btn-primary btn-small",
"type": "button"
}
/* Secondary */
{
"text": "Small Buttons",
"className": "btn-secondary btn-small",
"type": "button"
}
Any button can be made smaller by adding the class .btn-small