Versions Compared

Version Old Version 5 New Version Current
Changes made by

Nick Harris

Nick Harris

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
toc
Panel
minLevel1
maxLevel7
separatorpipe
panel
panelIconId293035db-a48a-4d92-a968-8e1e6c7285d6
panelIcon:Figma:
panelIconText:Figma:
bgColor#F4F5F7

Figma component link

Panel

This component can be found in multiple component blocks.

Panel
panelIconIdefa8ba60-1dab-4e63-8948-4ff4366ce32a
panelIcon:Storybook:
panelIconText:Storybook:
bgColor#F4F5F7

Storybook component link

Carousels allow multiple pieces of content to occupy a single, defined space.

Table of Contents
minLevel1
maxLevel2
indent0
stylecircle
separatorpipe
Tip

  • 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).

Warning

  • 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.

Warning

Insert image here

Item

Component type

Content type

Notes

1

2

3

Carousel’s…tbd…

tbd…

Image Removed

A very brief description

Image RemovedA very brief description
Note

To be added:

  • Add non js behaviour

    • Carousel is for non-critical content

  • Assumption Fluid card carousel must take 12 columns

    • Explain this in more detail.

tbd…