Skip to content

Anchor (Text Link)

Properties

PropertiesDescription
element(optional) define what HTML or React element should be used (e.g. element={Link}). Defaults to semantic a element.
href(optional) relative or absolute url.
to(optional) use this prop only if you are using a router Link component as the element that uses the to property to declare the navigation url.
target(optional) defines the opening method. Use _blank to open a new browser window/tab.
targetBlankTitle(optional) the title shown as a tooltip when target is set to _blank.
scrollToHash(optional) When set to true, a click will attempt to use window.scroll to support the missing Chromium support.
tooltip(optional) Provide a string or a React Element to be shown as the tooltip content.
skeleton(optional) if set to true, an overlaying skeleton with animation will be shown.
Space(optional) spacing properties like top or bottom are supported.

Router Link

You can make use of the element property in combination with the to property.

import { Link } from 'gatsby'
render(
<Anchor to="/url" element={Link}>
Link
</Anchor>
)