Figma component link
Storybook component link
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).
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
Accessibility
Related components
Pagination
A very brief description
Load more
A very brief description