Accordion with image
The Accordion with image is a variant of the Accordion component. Each item can be expanded to reveal more information and a corresponding image. This component can either be used for Content purposes, or can have the optional CTA applied for Discoverability.
Accordion title
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.
Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
When to use
It is useful for discovery between different sections on our websites. For example, between a page in our Brands section and a page in our Sustainability section.
How to use
Refer to the main guidance for Accordion with Image in the Content section to learn more about how to use this component.
Examples
See this component in use:
Coffee category page
