Resource Listing

Resource listings provide a multi-column collection of links intended to give the user a branching off point within the page. They work especially well near the top of marketing pages for landing pages to complex sections of a site with multiple sub-sections.

This component has a UO Edit Suite template for easy use on Drupal Sites: How to use this template

Examples and Code

Select exampleDefault

Open Full Example

<div class="grid grid--3col">
  <div class="grid__item">
    <h3 class="resource-listing__title">Column Title:</h3>
    <ul class="resource-listing__col">
      <li class="resource-listing__item"><a href="">Item 1</a></li>
    </ul>
  </div>
  <div class="grid__item">
    <h3 class="resource-listing__title">Column Title:</h3>
    <ul class="resource-listing__col">
      <li class="resource-listing__item"><a href="">Item 2</a></li>
    </ul>
  </div>
  <div class="grid__item">
    <h3 class="resource-listing__title">Column Title:</h3>
    <ul class="resource-listing__col">
      <li class="resource-listing__item"><a href="">Item 3</a></li>
    </ul>
  </div>
</div>

Guidance

Usage Guidance

• Use for long lists of links: Resource listings are made for presenting a large set of links in one place.
• Use for in-page jump navigation: Resource listings work well at the top of pages to provide in-page navigation.
• Don’t use for a single row of links: Use the linklist component instead.

Elements

Element	Description	Usage	Required	Multiple
Title	A title to a list of links	Used to descript a grouped section of links	Yes	Yes
Column	A list of links in a column	Use for a grouped section of links	Yes	Yes
Item	The links		Yes	Yes