Skip to main content

Carousel

Overview

Carousel displays a gallery of images or carousel. Readers can interact by hovering and clicking on thumbnails depending on the email client they use.


Parameters

ParameterParameterValid BlocksRequired
ChildrenChildren componentCarousel Component Block GroupNo
Style SetsOptional list of Email Style blocks to apply to this blockText Block GroupNo
Custom CSS ClassesOptional space-separated list of CSS classes to be applied to the element. Intended for use with EmailCSS blocks.Text Block GroupNo
Icon WidthThe width of the iconUnit Value Block GroupNo
Left IconThe icon to the left of the main image.Text Block GroupNo
Right IconThe icon to the right of the main image.Text Block GroupNo
Thumbnailsunit : string; description : display or not the thumbnails (visible/hidden); default value : hidden;Text Block GroupNo
Thumbnail WidthThe width of the thumbnails.Unit Value Block GroupNo
BorderThe border around the thumbnails.Text Block GroupNo
Thumbnail Border RadiusThe rounding radius of the corners of the element.Text Block GroupNo
Thumbnail Hover Border ColourThe colour of the border around the thumbnails. Defaults to #000000 (black)Colour Block GroupNo
Thumbnail Selected Border ColourThe colour of the border around the thumbnails. Defaults to #000000 (black)Colour Block GroupNo
Border RadiusThe rounding radius of the corners of the element.Text Block GroupNo
Horizontal AlignmentHow the block should be aligned horizontally within its container.Text Block GroupNo
Background ColourThe colour of the background of this block.Colour Block GroupNo