Button

A clickable shape that triggers a specific action, such as submitting a form or navigating to another page.

On this page

Example

Variant

Type

Size

Leading Icon

Trailing Icon

Buttons can be used to bring attention to a call-to-action, such as prompting a user to fill out a form.

Use descriptive text in the button link (i.e. not something generic like “learn more).

Ensure that the contrast ratio between the text and the background color, including all link states, meets the accessibility standard of 4.5:1.

[Button]

Button Text:

Link: