This component can be found in multiple component blocks.
Carousels allow multiple pieces of content to occupy a single, defined space.
Usage
Do’s
Use when you have a list of items and limited space in which to present them.
Use when your list items are not critical to the context of the page (e.g a list of cross-promoted products).
Dont's
Don’t use when the content is critical to the context of the page (e.g. a product list of candles on the candles product list page).
See behaviour
Don’t use when you have multiple homepage hero promotions. Carousels do not work in this context.
Anatomy
Insert image here
Item | Component type | Content type | Notes | |
|---|---|---|---|---|
1 | ||||
2 | ||||
3 |
Visual style
Carousel’s…
Editorial
Behaviour
Add non js behaviour
Carousel is for non-critical content
Accessibility
Related components
Pagination
A very brief description
Load more
A very brief description