Button

Use a button to commit an action in a workflow, or to emphasize a link or call to action. For quick reference, see technical parameters.

Best practices

  • Lead with strong verbs.
  • Aim for two or three words—no more than four words.
  • Use sentence case.

Example

By default, the button component features a plain-text message.

Parameters

full
Allows the button to fill the width of its container
html_id
HTML id of the element. Add only if needed to customize styling or needed by Javascript to perform a specific functionality.
icon
Icon to display
message
Button label
name
Button’s HTML name
params
Query parameters to be added at the end of the URL the button links to
post_id
Page or post ID the button links to
size
Determines the button’s clickable space
sr_message
Screenreader message
style
Button style (mainly colour)
type
Type of button
url
URL of an external website the button links to