Skip to main content
Site Builder
Indiana University
Content Components

List Hub

Present a styled list of related links and resources

Included on:

Overview

The List Hub component displays a visually styled list of links. Lists can be created manually or pulled from a Shared List Hub, making them reusable across multiple pages.

Common uses

  • Curate a list of articles, tools, or pages
  • Highlight related resources or services
  • Reuse the same list across multiple pages (e.g., Quick Links, Student Services)

Component example

  View in new window

Component fields

Element name Required Multiple
Source List source type. Choose Manual (list items created on the page) or Shared (reusable shared list).
Yes No
Heading level HTML heading level for each item title (H2, H3, etc.). Does not change visual style but ensures proper page structure.
Yes No
Title Optional. Label displayed above the list hub. Limit to a few words.
No No
List item Group containing fields for a single list item in a Manual List Hub. Add between 3 and 10 items.
Yes Yes
List item title List item title. Limit to a short phrase.
Yes No
List item link Optional. Destination Page or External Link.
No No
List item eyebrow Optional. Small label above the title. Limit to 1–2 words. Often used for a topic or category.
No No
List item badge Optional. Badge displayed beneath the text. Limit to 1–2 words (for example, "Required" or "Featured").
No No
List item description Optional. Short sentence beneath the title.
No No
Shared list hub Shared list to display. Visible only when Shared is selected.
Yes No

Create a shared list hub

  1. Go to Add Content > Add Shared Element in the top-left menu.
  2. Select Shared List Hub.
  3. Enter your list hub content.
  4. Save your new list hub. All shared list hubs are saved to the _shared-elements folder.
  5. Publish your new list hub.
Screenshot of Add Content > Add Shared Element menu
Create reusable list hubs using the Add Content > Add Shared Element menu.

Update a shared list hub

  1. In the WCMS, open the shared list hub you'd like to update in the _shared-elements folder.

  2. Select Edit.

  3. Update the list hub content that needs changed.

  4. Save and republish the list hub. All pages using that contact card will show the updated information.

You only need to republish the shared list hub itself to update it across your entire site. You don't need to republish each individual page a list hub appears on.

View all pages using a shared list hub

  1. In the WCMS, open the list hub in the _shared-elements folder.

  2. Select the Relationships tab from the More menu in the top-right.

  3. Review the list of all pages that use the shared list hub.

Screenshot of relationships menu
Use the Relationships tab to view a list of all pages using a shared list hub.

Accessibility

  • Choose the correct heading level
    Match the list item heading level to the surrounding content (usually H2) to maintain a logical hierarchy.
  • Write clear link text
    Links must describe their destination. Don’t rely on eyebrows or descriptions alone, since assistive tech users may not hear them. Avoid vague text like Read more.
  • Avoid redundant eyebrow and description text
    Eyebrows and descriptions should add context, not repeat the same information already in the title or link.

Do

  • Use to show a styled group of related links
  • Keep titles and descriptions short and scannable
  • Use eyebrows and descriptions when they add helpful context
  • Use Shared List Blocks for link groups that appear on multiple pages

Don't

  • Create List Hubs where only some items have eyebrows or descriptions—be consistent across the list
  • Use to show a list of categories, topics, or people—use a card grid instead
  • Use to show steps in a process or a roadmap—use a timeline instead

Related content

  • Choosing Components

  • Learn to Use Site Builder