Link
A styled anchor, with a one-prop treatment for links that leave the app.
External links
external does three things at once: the icon warns you're leaving, target="_blank" opens a new tab, and rel="noopener noreferrer" stops the opened page from reaching back into yours.
Inline in prose
Tokens are defined in Theming, and the full set ships in the package.
With a router
This renders a plain <a>, so client-side navigation is your router's job — compose the two rather than expecting this to intercept routes.
Props
Every other native anchor attribute is forwarded to the underlying <a>.
| Prop | Type | Default | Description |
|---|---|---|---|
| href | string | Destination. | |
| external | boolean | false | Appends an external-link icon and sets target="_blank" with rel="noopener noreferrer". |
| children | ReactNode | Link text. |