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
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