BRAID
Braid Logo
SEEK Jobs

Link

This placeholder is a link
<Link href="#">
  <Placeholder label="This placeholder is a link" width="300" height="100" />
</Link>
Open in Playroom

Alternatives

  • TextLink — For visually styled text links.

Development considerations

Renders a plain `a` tag without any visual styling, or the custom `linkComponent` implementation that was provided via BraidProvider.

Data attributes

Braid components are very explicit about the properties they accept, which makes providing arbitrary data attributes not possible. Instead, a data prop can be provided as a single collection of data attributes.
<Link
  data={{ testid: "link-1" }}
  // => data-testid="link-1"
>
  ...
</Link>
Open in Playroom