Anchors

A headless, unstyled, anchor component. The Button component uses Anchor internally to create styled text and button-like links.

<Anchor>

PropertyTypeValuesDescription
children*
node
The content of the component.
className
string
A space-delimited list of class names to be merged into the component's outermost element.
href
string
The target for link navigation. This can be an internal (relative) URL or external (absolute) URL. Supports the mailto: and tel: schemes.
opener
boolean
true false
Defaults to false when opening external (untrusted) links in a new tab, so the target resource cannot tamper with the document that opened it. Only set this to true if you control the link destination.
onClick
function
An optional click handler. Invoke event.preventDefault() to prevent navigation.
referrer
boolean
true false
Defaults to true, instructing the browser to include referrer information when opening the target resource.
target
string
"current" "new"
If new, instructs the browser to open a new tab (or window) target.

* required

References