Home App Docs Blog Github

Creating dynamic carousel slides

  1. Drag and drop a carousel block onto your page
  2. Select the carousel layer and navigate to the options tab
  3. Click “show advanced” and select “show children for slides”

  1. Add a box block inside of the carousel block (to avoid running into any issues, drag and drop the box block below the carousel layer in the layers tab). Add any content needed into the box block (e.g. text, images)

  1. Navigate to the data tab and select “+ new data source” in the api data section
  2. Name your data source and paste in your URL (make sure it is CORS enabled)

  1. Now, you can use the element data bindings section in the data tab to bind your images, text, etc to your data source.