The following pages contain components with sample data so users can see how each component behaves on a live web page. The component demos have been grouped into categories based on how they’re often utilized, but this grouping should not be viewed as an imposed limitation on the type of content to be used in each component.
These components support the organization and sharing of information. They include promo bar, heading, subheading, accordion, tabs, side tabs, info panel, CTA button, table and text CTA components.
These components are designed for sharing multimedia content. They include the hero banner, carousel, the wide flexbox and the video component.
This page demonstrates the interaction between a Two-thirds Sublayout component and a full width page section. Right column components, including the Aside component and Curated Navigation are shown alongside variants of the Mixed Content Grid container and Mixed Content Full Bleed component.
These components are designed for sharing content within grid containers. They include the various grid variants and content (grid ad, facts, social share, box CTA and image) as well as text fact grid and image fact grid components.