Honeycomb

Link

The link leads a user to other pages. It may open in a separate tab.

Link component is meant to be used inside the flowing text.

<p class="flix-text">
  <a class="flix-link" href="#">Hyperlink (inside flowing text)</a>
</p>

When using it to open content in a new browser tab, as a best practice we strongly advise adding a new tab icon to the link text.

Note that the aria-label is required for accessibility, and it should be an internationalized plain string:

<p class="flix-text">
  <a class="flix-link" href="#" target="_blank">
    Hyperlink
    <flix-icon name="new-tab" class="flix-space-1-left" role="img" aria-label="New Tab Icon"></flix-icon>
  </a>
</p>