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
tbd…
Editorial
tbd…
Behaviour
Add non js behaviour
Carousel is for non-critical content
Accessibility
tbd…