Feature carousel

[cogniSyb]

A new carousel block, with a text container overlapping an image.

Requirements

• Section is full width and has a black background
• On mobile, the image will be shown above the text container
• Both image and text container will maintain a square aspect ratio (see also V2 Columns block #41)
• The content in the text container will vertically be centred (see also V2 Columns block #41)
• Text container content:
  • Eyebrow/pre-heading
  • Heading
  • Text
  • Primary button (optional)
• On the text container we show the carousel controls
• When the end of the carousel is reached, either button will be disabled
• The carousel controls will follow the standard states
• Scroll-snap will be implemented on mobile, but not on desktop
• When the carousel only has one slide, we hide the arrows

[cogniSyb]

@Lakshmishri @manuel-vara I just found a related block without the carousel functionality. How would we deal with this?

[shirin27]

That might be a carousel with only one slide.

[Andrei-Boiangiu]

confirmed as done

[WendyKruger]

Just realized this is not what I expected. I believe the original intent of the design was to have the background image change with the carousel click.