P104: Quick Links
A value proposition paragraph with a supporting promo box that containing multiple quick links to related content items.
Component Detail
The P104 component features descriptive content supported by one “promo” box providing users multiple related content quick links. While any number of supporting quick links can be authored in the P104 promo box, it is recommended not to exceed 10.
The component includes a section heading, descriptive body copy, and up to two optional Primary CTAs. The “promo” box features an authorable title and two or more supporting links. When more than four supporting links are present, the box will display four links by default and include a “Show More” toggle users can click to expand the display and reveal all items.
Interaction
Like other Promo components, the P104 can optionally be configured to include a Read More toggle on the body text. When this configuration is applied, the body text will be truncated to display 3 lines of text by default, allowing users to reveal the remaining text content below by clicking the toggle.
When applicable, the Show More toggle will expand the promo box and display the full list of quick links present. When expanded the toggle label will change to read “Show Less” allowing users to click again to collapse the promo box back to its default state showing only four links.
Design Example
Who we are
Copeland is a global leader in sustainable heating, cooling and refrigeration solutions for commercial, industrial, cold chain and residential industries. We help our customers and end users reduce carbon emissions, improve energy efficiency, enable the use of climate-friendly refrigerants and safeguard perishable food and medicine.
Who we are
Copeland is a global leader in sustainable heating, cooling and refrigeration solutions for commercial, industrial, cold chain and residential industries. We help our customers and end users reduce carbon emissions, improve energy efficiency, enable the use of climate-friendly refrigerants and safeguard perishable food and medicine.
Use on pages or page sections that require featuring a greater number of supporting links than are authorable with one of the standard Promo or Content Block components.
Avoid using this component when the number of links required can be easily accommodated by using a standard Content Block or another Promo component option (e.g., up to 4 CTAs or links in total).
