Skip to content
kapable

ExternalLink

Foundations · 1 export · v0.1.0 · showcase

External navigation with a visible leaving-the-app affordance and safe new-tab support.

Browse 72 component families

Usage

ExternalLink usage
<ExternalLink href="https://remix.run">Remix docs</ExternalLink>

API

ExternalLink API

ExternalLinkProps

A link that leaves the app: the ↗ affordance plus an sr-only "(external)" so the destination change is announced, and rel hygiene when a new tab is requested. Same-tab is the DEFAULT — forcing new tabs takes the back button away from people; `newTab` is the opt-in for genuinely parallel reference material.

ExternalLink props
proptypenotes
hrefstring
children?RemixNode
newTab?booleanOpt-in target="_blank" (adds rel="noopener noreferrer").
mix?MixInput

More in Foundations

More in Foundations