Links are accessible elements used primarily for navigation. This component is styled to resemble a hyperlink and semantically renders an <a>.



Rock UI
Editable Example
Editable Example

Did you know that links can live inline with text

Editable Example

Usage with Routing Library#

To use the Link with a routing library like Reach Router or React Router, all you need to do is pass the as prop. It'll replace the rendered a tag with Reach's Link.


The Link component composes the Box component.

isExternalbooleanIf true, the link will open in new tab.
onClickfunctionFunction called when the link is clicked.

Made byChakraandRock Content