Link
Links are accessible elements used primarily for navigation. This component is
styled to resemble a hyperlink and semantically renders an <a>.
Import#
Usage#
Editable Example
External Link#
Editable Example
Link inline with text#
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.
| Name | Type | Default | Description |
|---|---|---|---|
isExternal | boolean | If true, the link will open in new tab. | |
isDisabled | boolean | If true, the link will be disabled. | |
onClick | function | Function called when the link is clicked. |