This documentation is moving to a new home. Please update any link or bookmark that points to this page. The new content can be found here.
The Link component styles anchor tags with default hyperlink color cues and hover text decoration. Link is used for destinations, or moving from one page to another.
In special cases where you'd like a <button> styled like a Link, use <Link as='button'>. Make sure to provide a click handler with onClick.
Important: When using the as prop, be sure to always render an accessible element type, like a, button, input, or summary.
URL to be used for the Link. (The href is passed to the underlying <a> element. If as is specified, the link behavior may need different props).
muted
boolean
false
Uses a less prominent shade for Link color, and the default link shade on hover
underline
boolean
undefined
When true, adds underline to the Link. When false, an underline is only rendered on hover. When undefined, an underline is only rendered if the underline flag is enabled (a parent element will have this data attribute: [data-a11y-link-underlines='true']).