Anchor

Renders an "<a>" tag. This component is usually used with the prop href and with the anchor text as children. Behind the scenes, this component implements target="_blank" with rel="noreferrer noopener" to aid security.

Usage

import { Anchor } from '@binarycapsule/ui-capsules';

Demo

View source on GitHub
Go to example website

Knobs 🎛

http://example.com
<Anchor href="http://example.com">
  Go to example website
</Anchor>

Props

NameDescription
href
Required
string
Contains a URL or a URL fragment that the hyperlink points to.
children
Required
string
The text of the anchor.