Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel2
typeflat
separatorpipe
Panel
panelIconIdatlassian-info
panelIcon:info:
bgColor#F4F5F7

This component can be found in multiple component blocks.

Panel
panelIconId1f517
panelIcon:link:
panelIconText🔗
bgColor#F4F5F7

Storybook component


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…

  • Add non js behaviour

    • Carousel is for non-critical content

A very brief description

A very brief description