Promo List

Usage

Use to promote a set of 1–3 named programmes, initiatives, or tools in a scannable, stacked list format — particularly on sector landing pages or category pages where users need to understand what specific supports are available to them. Unlike the Promo Carousel, all items are visible simultaneously, making it better when you want users to compare or scan all options without having to scroll through slides. The layout anchors a section heading and optional supporting copy on the left, with a vertical list of promo items on the right. Each item pairs a 16:9 editorial photograph with a bold H4 title, body description, and a secondary outlined CTA button (each with its own distinct action label, e.g. "Get started", "Express interest", "Start today"). Items are separated by hairline dividers. The heading, copy, and showCopy props are configurable. CTA button labels per item are set individually. Use instead of Promo Carousel when items should all be visible at once and don't need to rotate. Use instead of Content Carousel when the items are named programmes or tools with individual CTAs rather than browsable content cards. Don't use when items have more than 4 entries — the stacked list becomes unwieldy and a Card List or Content Carousel would serve better. The module is available in Desktop, Tablet, and Mobile device variants.