Link

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

Import#

Usage#

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.

Props#

The Link component composes the Box component.

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

Made byChakraandRock Content