This atom is used as a submit button. This button is used on all forms facing the user where they should be able to submit information through a form. This atom is based on the standard button classes and has a predefined color.
For information about input fields see the general docs about Forms.
<button
type="submit"
class="button {{ 'button-' ~ type }} {% if modifier %}{{ modifier }}{% endif %}"
>
{{ value }}
</button>
<button type="submit" class="button button- ">
Submit
</button>
{
"value": "Submit"
}
input[type="submit"],
button[type="submit"] {
&:not(.button-secondary):not(.button-success):not(.button-alert) {
@extend %button-primary;
}
}