Linkv1.7.1 Edit this page
This component is a stateless wrapper around
<button>, providing link visual styling.
Children string or components to render between <span>, or in place of <span>.
Allows you to provide a React component or other HTML element, overriding the default `a` and `button` options.
The URL to visit.
Uses Gotham font. Font is inherited if both Gotham and Chronicle are set to false.
Size of the link. Supports semantic "small" and "legal" or a numeric scale from size 0 to 5.
|one of [[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]]|
Renders unstyled link with no styling, affordances or states.
@deprecated Turn text uppercase and spaces out letters.
@deprecated Use Chronicle font. Font is inherited if not specified.
@deprecated Bold styling.
@deprecated Italic styling.
@deprecated Renders link in a selection of colors and applies a specific border and hover color.
|one of [[object Object],[object Object],[object Object],[object Object],[object Object]]|
@deprecated Renders a link with a bottom border.
Force the component to use its hover styles.
Force the component to use its focus styles.
Force the component to use its click or active styles.
When to Use
<Link> component provides visual styling for text link (blue text with an underline on hover). If you are trying to make something clickable that does not necessarily fall into this category (e.g., linking an image), use
<a> directly and apply your own styling instead.
Links That Look Like Buttons
You often want a link that looks like a button, or vice-versa a button that looks like a link. The
<Button> 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 (
<Link>) when you want something that looks like a link.
<Button>when you want something that looks like a button.
In addition to props defined by this component, any props
<a> take are also accepted.
This component is maintained by the FEI team.