When to use
Use a button when the user performs an action on the current page.
Loading…
Find components, patterns, tokens, and docs
Component
Interactive control used to trigger an action or submit information.
Preview
<Button
variant="primary"
size="medium"
icon="arrow-right"
>
Continue
</Button>Appearance is not enough. This is the contract for when the control earns a place in the product.
Use a button when the user performs an action on the current page.
Use a link when the user navigates to another page or resource.
Provides a clear and predictable way to perform an action.
Buttons must be reachable by keyboard, expose a visible focus ring, and have an accessible name. Disabled buttons should not steal focus. Loading buttons should announce busy state.