Link

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
    <i class="flix-icon flix-icon-new-tab" role="img" aria-label="Opens in a new Tab"></i>
  </a>
</p>