<button class="btn btn-simple btn--loading " type="button" disabled>
<span class="btn__inner">
<span class="btn__text">Sign Up</span>
<span class="loader">
<span class="loader__dot"></span>
<span class="loader__dot"></span>
<span class="loader__dot"></span>
</span>
</span>
</button>
{{> @button}}
{
"text": "Sign Up",
"className": "btn-simple btn--loading",
"type": "button",
"disabled": true,
"loading": true
}
When to use: Simple buttons can be used in any context where an action may be triggered that is neither primary nor secondary. For example, a simple button with an ‘X’ icon can be used to close a modal.
When not to use: