There are no notes for this item.

<!-- Default -->
<div class="form-actions">
  {% include '@input-submit' with {
    'value': 'Submit',
  } %}
  {% include '@link' with {
    'text': 'Cancel',
    'link': '#'
  } %}
</div>

<!-- Editor -->
<div class="form-actions">
  {% include '@input-submit' with {
  'value': 'Submit',
  } %}
  {% include '@link' with {
  'text': 'Delete',
  'modifier': 'right delete'
  } %}
</div>
<!-- Default -->
<div class="form-actions">
    <input type="submit" value="Submit" class="" />
    <a href='#'>
        Cancel</a>
</div>

<!-- Editor -->
<div class="form-actions">
    <input type="submit" value="Submit" class="" />
    <a href='' class="right delete">
        Delete</a>
</div>

/* Default: No context defined */

/* Editor: No context defined */

  • Content:
    .form-actions {
      display: flex;
      align-items: center;
    
      > * {
        margin-right: $gutter-width;
      }
    }
    
  • URL: /components/raw/form-actions/_form-actions.scss
  • Filesystem Path: components/31-molecules/form-actions/_form-actions.scss
  • Size: 104 Bytes