Clever Component Library

Form Block Button 

<div class="form-block form-block--button">
    <button class="form-button btn" type="submit">
        <span class="text">Submit</span>
    </button>
</div>
 
<div class="form-block form-block--button">
    <button class="form-button btn" {% if formBlockButtonAttributes %}{% for key, value in formBlockButtonAttributes %} {{ key }}="{{ value }}"{% endfor %}{% endif %}{{ formBlockDisabled ? ' disabled' : '' }}>
        {% if formBlockButtonIcon %}{% include '@icon' with { source: formBlockButtonIcon } %}{% endif %}
        <span class="text">{{ formBlockButtonLabel }}</span>
    </button>
</div>
 
{
  "formBlockButtonLabel": "Submit",
  "formBlockButtonIcon": null,
  "formBlockButtonAttributes": {
    "type": "submit"
  }
}

Form Blocks

Purpose: Used to allow the user to input information.