Buttonv9.6.0Edit this page
Buttons signify important actions a person can take. This component is a stateless wrapper around
<a>, providing button visual styling.
Changes the button to `display: block`, making it go full width.
Applies a CSS classname to the component.
Allows you to provide a React component or other HTML element, overriding the default `a` and `button` options.
Renders a button as disabled, making it non-interactable.
Renders a button with the highest visual affordances.
Buttons That Look Like Links
You often want a button that looks like a link, or vice-versa a link that looks like a button. The
<Link> components can be used interchangeably, and which one you use should be determined by what you want it to look like. Both components can render either
<button> tags depending on the props used (
onClick), ensuring you get both the right styling and the right dom elements for semantics and accessibility.
- Use this component (
<Button>) when you want something that looks like a button.
<Link>when you want something that looks like a link.
In addition to props defined by this component, any props
<a> take are also accepted.
This component is maintained by the FEI team.