The Big List Container and Big List Item components are designed to work seamlessly together for presenting a large and highly readable series of links. These components allow authors to easily insert, reorder, and manage links. This component excels in situations requiring the prominent display of straightforward, easy-to-scan lists.

Notably, the Big List component has been developed as a successor to these components, offering enhanced functionality and is generally recommended for most use cases.

Example

Content Options

Big List Container components have no content fields.

Big List Item components use the following fields:

  • Text: The main text that will appear for the link.
  • Link Toggle: When enabled, this turns the item into a link and enables the link fields. Otherwise the item will simply appear as text.
  • Link to page: The URL for the link, making the item clickable.
  • Anchor: Links to a specific section or element on the page. Enter the anchor name starting with # (e.g., #my-section-id).
  • Target: Choose where the link opens:
    • Same window: Opens the link in the current tab or window.
    • New window: Opens the link in a new tab or window.

Note Currently, Big List Item components disappear when the Link Toggle is disabled. We are looking into this.

Layout and Styling Options

The only layout and style options available for the Big List Container component are adjustments to the spacing above and below.

The Big List Item component has no layout and style options.

Bottom Margin

the end

Top Margin

the end

Usage

Do

  • Keep the list content clear and focused to help users quickly find what they need.
  • Use concise and meaningful text for each link to ensure clarity.
  • Organize links in a logical order, prioritizing the most important or frequently used items at the top.
  • Include sub-lists only when necessary to provide additional context or related links.
  • Ensure links lead to relevant and active pages or sections to avoid confusion.
  • Regularly review the list to remove outdated or redundant links.

Don't

  • Do not use overly long text for links that could make the list look cluttered or hard to read.
  • Refrain from using vague or generic link text like “Click here” or “More info.”
  • Avoid adding unrelated or unnecessary sub-lists.
  • Avoid rearranging links frequently without a clear reason.
  • Do not add links that duplicate content from other parts of the page without a specific purpose.
  • Refrain from using inconsistent language or formatting across links.