Skip to main content

Related links

Information: Documentation incomplete

This component still requires documentation.

Use the related links component to display lists of links that are related to the current page.

Examples

Default

View HTML
<div class="uhb-c-related-links">
  <h2 class="uhb-c-related-links__heading">Related links</h2>
  <ul class="uhb-o-list-bare">
    <li>
      <a class="uhb-c-link"  href="#">Link text</a>
    </li>
    <li>
      <a class="uhb-c-link"  href="#">Link text</a>
    </li>
    <li>
      <a class="uhb-c-link"  href="#">Link text</a>
    </li>
    <li>
      <a class="uhb-c-link"  href="#">Link text</a>
    </li>
  </ul>
</div>

Box

View HTML
<div class="uhb-c-related-links uhb-c-related-links--box">
  <h2 class="uhb-c-related-links__heading">Related links</h2>
  <ul class="uhb-o-list-bare">
    <li>
      <a class="uhb-c-link"  href="#">Link text</a>
    </li>
    <li>
      <a class="uhb-c-link"  href="#">Link text</a>
    </li>
    <li>
      <a class="uhb-c-link"  href="#">Link text</a>
    </li>
    <li>
      <a class="uhb-c-link"  href="#">Link text</a>
    </li>
  </ul>
</div>