C08 Link list

The Link List component displays up to eight featured links in a compact wrapper. Designed for highlighting key services or offerings, it allows users to quickly navigate to important areas of the site.

 

Component requirements

Component consists of a wrapper element (C09), along with individual link list items (C08).

Link List wrapper

Required:

  • Title: Text field.
  • Title type: Dropdown. H2/H3/H4/P. Default: P.
  • Title alignment: Dropdown. Left/Center. Default: Center.
  • Background theme: Dropdown. White/White smoke. Default: White.
  • Number of columns: Dropdown. 1/2/3/4/C24. Default: 2.
  • CTA style: Dropdown. Button/link. Default: Button.
  • Column alignment: Dropdown. Left/Center. Default: Center.
  • Support copy alignment: Dropdown. Left/Center. Default: Center.
  • CTA alignment: Dropdown. Left/Center. Default: Center.

Optional:

  • Support copy: Rich text field. Allows users to add additional content.

  • Bottom CTA: Text field along with associated link type (internal/external/anchor/email/phone).

Link list items

Required:

  • Link: Text field along with associated link type (internal/external/anchor/email/phone).

Additional component notes:

  • Component allows for both, internal and external links.
  • Columns respond to our grid and are responsive.
  • On mobile all columns are stacked.

 

ADA requirements

  • CTA's need to have a descriptive link text.

 

Component example

Link list example showing the component with 3 columns along with a button CTA. 

This is a component heading (required)

This is component support copy (optional).
Link #1 example (internal)Link #2 example (external)Link #3 example (internal)
Button CTA example