@aoeu/external-link

External Link Component - an anchor tag that will open its link in a new window or tab

Usage no npm install needed!

<script type="module">
  import aoeuExternalLink from 'https://cdn.skypack.dev/@aoeu/external-link';
</script>

README

@aoeu/external-link

yarn add @aoeu/external-link

This component renders an anchor (a) tag that is designed to safely open the target href attribute in a new window/tab. It does so by adding the target="_blank" and rel="noreferrer" attributes.

For example:

<ExternalLink url="https://theartofeducation.edu">aoeu.edu</ExternalLink>

Will generate:

<a href="https://theartofeducation.edu" target="_blank" rel="noreferrer">aoeu.edu</a>