Skip to content Skip to main navigation Report an accessibility issue

Buttons

Documentation

Do
  • Use sparingly. Buttons are great for calls to action. You should rarely need more than one on a page.
  • Keep button labels as short and descriptive as possible.
Don’t
  • Be consistent. Don’t use multiple styles.

Example

Default Button

 

Small Button

 

Large Button

 

Block Button

Shortcodes for the WordPress theme

[button link="#"]Default Button[/button]
[button size="sm" link="#"]Small Button[/button]
[button size="lg" link="#"]Large Button[/button]
[button block="true" link="#"]Block Button[/button]