Use quick links when

• A page has several high-priority destinations.
• Link choices can be described with short, clear labels, and/or need more text than a button can accomodate.
• Users are likely to scan the options rather than read them sequentially.
• The links represent related tasks or destinations.

Avoid

• Long paragraphs inside individual quick links.
• Mixing unrelated destinations in one quick-link group.
• Using several quick-link groups in succession without clear headings.

Available configurations and colorways

How to build quick links

• Build your link components:

  Navigation dropdowns use the "link" format of general content components. You can use components built in this way with: navigation dropdowns, sliders and quick links.

  To create a link format general content component, fill in the fields in this way:

  • Name: Include "Link" followed by the option title in the name of your component. For example: 110 Link: Apply for healthcare
  • Title field: text displayed as the choice in the dropdown. Keep this text short such as "Apply for health care," "Find a contact," "Pay my premium" etc.
  • Content field: contains the destination link. The link should be both the content of the field, and an active link. See screenshot.
    • Make sure to include a title for your link as you would with a link in another area of the site.
    • You can link to standard web addresses as well as other components or anchor links.
• Select the configuration and colorway that you wish to use.
• If you select a horizontal configuration:
  • Insert the horizontal quick links row in the colorway you've chosen.
  • The first component you insert is automatically your heading and/or explainer text and will appear above your links.
  • Then, insert each of your link format general content components.
  • Horizontal quick links are displayed in rows of three and may have up to nine links.
• If you select a vertical configuration:
  • Insert the vertical quick links row in the colorway you've chosen.
  • The first component you insert is automatically your heading and/or explainer text and will appear in the wide left column beside your links.
  • Then, insert each of your link format general content components
  • Vertical quick links work best with 3 - 4 links.

Vertical quick links, coming soon!

Vertical quick links are in development and coming soon!