Carousel

A full-width gallery with multiple sets of a header, description, and call to action overlaid on top of an image.

Screenshot of the Carousel component with block labels


Designs:

  • Design System
  • Pre-release: [Mobile](../../../../../../assets/img/designs/lb/Carousels Mobile.png) | [Desktop](../../../../../../assets/img/designs/lb/Carousels Desktop.png)

To use the block:

  • Click the Layout tab at the top of your page
  • Scroll to the location on the page where you want to add a block
  • Click Add block
  • In the sidebar, click Create custom block
  • Choose the block to add.

Fill in the content fields:

  • Title (required): This title is for administrative purposes only and is never displayed, even if “Display Title” is checked.
  • Carousel heading: This heading is displayed above the carousel.
  • Carousel subheading: This subheading is displayed below the heading.
  • Carousel Item: You can add multiple items to the carousel by using the Add Carousel Item or Add new custom block button. Make sure to click Create/Update tab or Create/Update custom block to save each item after adding or editing. Each item includes the following fields:
    • Heading
    • Image: You can choose an existing image from the media library or upload a new image.
    • Description
    • Link: This creates a link that appears at the bottom of the carousel item.

Then save the block:

Last modified March 11, 2025: fix: markdown ai typo (7c7c61db)