City of Ghent Style Guide

Input type: submit


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.

<input type="submit"
       value="{{ value }}"
       class="{% if modifier %}{{ modifier }}{% endif %}"
<input type="submit" value="Submit" class="" />
  "value": "Submit"
  • Content:
    input[type="submit"]:not(.button-secondary):not(.button-success):not(.button-alert) {
      @extend %button-primary;
  • URL: /components/raw/input-submit/_input-submit.scss
  • Filesystem Path: components/21-atoms/input-submit/_input-submit.scss
  • Size: 115 Bytes