• Visual Language
  • Forms

Input with button

Usage notes

A secondary button style (support button) should be used when placed inline with a form element. Generally, there should only be one primary button in a form.

  
<label class="field field--text field--spaced">
  <b class="field__label">Address lookup postcode lorem</b>
  <input class="input input--small" type="text">
  <a href="#" class="btn btn--secondary btn--secondary--active">Look up</a>
</label>