The Draftbit Developer Hub

Welcome to the Draftbit developer hub. You'll find comprehensive guides and documentation to help you start working with Draftbit as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Description

A slideshow-like component that allows the user to swipe through a collection of images.

❗️

Make sure the Image file names begin with a letter, not a number!

Configuration

ParameterDescription
ImagesSelect images you have uploaded to be included in the carousel.
Dot ColorSelect the color of the dots on the carousel swiper.
Resize ModeResize the image when the dimensions set in the component don't match the actual dimensions of the image. Refer to the Resize Mode table below to learn more about each setting.

Resize Mode

ParameterDescription
CoverThe image is resized to fill the container will retaining its proportions, even if the container is larger than the dimensions of the image.
ContainThe image is resized so that the picture fits within the container and is fully visible, even if that means the image will not fill the entire container.
StretchThe image is resized to fill the container and display the entire image. To ensure the image is fully visible, the image will not always stretch proportionally and may appear distorted.
RepeatIf the container is larger than the image, multiple instances of the image will render to fill up the container.
CenterAdjusts the image so that the center of the image is visible regardless of the size of the container.

Updated 8 months ago


Carousel


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.