Lil Regie's front-end workshop


Primary button

The most prominent button in a form, or call-to-action link.

Example

0 375 640 768 1024

Open in a new window

Code sample

1
2
3
<button type="submit" class="button button_primary button_theme_primary">
  Save
</button>

Usage notes

  • Can be an <a>, <input>, or <button> element.

  • Make sure you only have 1 primary button in a form. All other buttons need to be Secondary buttons

  • Comes with two possible themes… .button_theme_primary and .button_theme_secondary

Source files