Link

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

Import#

Usage#

Chakra 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 to pass the as prop. It'll replace the rendered a tag with with Reach's Link.

Props#

The link component composes the PseudoBox component.

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

Proudly made in 🇳🇬

Released under the MIT License.

Copyright © 2020 Segun Adebayo