Special Elements
Infinite Loop
Seamless infinite scrolling carousel.
carouselinfiniteloopscroll
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
images | string[] | [url1, url2, ...] | Array of image URLs to display in the carousel. |
backgroundColor | string | transparent | Background color of the component (hex, rgb, or hsl). |
imageBgColor | string | #e4e4e7 | Background color of image containers (hex, rgb, or hsl). |
imageBorderRadius | string | 0.5rem | Border radius of carousel images (CSS value). |
imageOpacity | number | 0.8 | Opacity of carousel images (0-1). |
imageGap | string | 0.5rem | Gap between carousel images (CSS value). |
imageHeight | string | 6rem | Height of carousel images (CSS value). |
imageWidth | string | 8rem | Width of carousel images (CSS value). |
animationDuration | number | 20 | Duration of the infinite scroll animation in seconds. |
maskGradient | string | linear-gradient(to_right,transparent,black_20%,black_80%,transparent) | CSS mask gradient for fade edges. |
maxWidth | string | 32rem | Maximum width of the carousel container (CSS value). |