• Components
  • Buttons

Primary, with icon

Usage notes

Icons can be used to impart additional information about the nature of the button.

For example, consider placing a 'tick' icon (class="icon-check") on a primary button, to give confidence to the user to click.

  
<a href="#" class="btn btn--primary">Button
  <span class="icon icon-download icon--button-inline"></span>
</a>