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, actionable verbs.
- If necessary, add words to clarify the action.
- Use sentence case.
Example
By default, the button component features a plain-text message.
Parameters
disabled
Disables the button
full
Allows the button to fill the width of its container
full_icon
Display the icon without padding or border, must not have a message
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
icon_set
Select which icon set to use
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)
title
Button's title attribute
type
Type of button
url
URL of an external website the button links to