| Table of Contents | ||||||||
|---|---|---|---|---|---|---|---|---|
|
| Panel | ||
|---|---|---|
| ||
Figma component link |
| Panel | ||
|---|---|---|
| ||
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
| Warning |
|---|
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