Buttons

Examples

Buttons and submit inputs usually but not exclusively found at the end of forms.

Single button

<div class="field field--buttons" style="margin-block-start: 0.75rem;">
  <button>Submit</button>
</div>

Group of buttons

Default

Fill

<!-- Default -->
<div class="field field--buttons" style="margin-block-start: 0.75rem;">
  <button>Submit</button>
  <button class="button button--cancel">Cancel</button>
  <button class="button" disabled>Disabled</button>
</div>

<!-- Fill -->
<div class="field field--buttons field--buttons--fill" style="margin-block-start: 0.75rem;">
  <button>Submit</button>
  <button class="button button--cancel">Cancel</button>
  <button class="button" disabled>Disabled</button>
</div>

Small button

<div class="field field--buttons" style="margin-block-start: 0.75rem;">
  <button class="button button--small">Submit</button>
  <button class="button button--small button--cancel">Cancel</button>
  <button class="button button--small" disabled>Disabled</button>
</div>