Special Elements
Panorama
Draggable panorama carousel with smooth scrolling.
carouselpanoramadragscroll
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). |
borderRadius | string | 1rem | Border radius of the container (CSS value). |
imageBorderRadius | string | 0.75rem | Border radius of carousel images (CSS value). |
imageHeight | string | 16rem | Height of carousel images (CSS value). |
imageWidth | string | 12rem | Width of carousel images (CSS value). |
imageGap | string | 1rem | Gap between carousel images (CSS value). |
dragConstraints | {left: number, right: number} | {left: -500, right: 0} | Drag constraints for horizontal scrolling. |
cursorGrab | string | grab | Cursor style when hovering (CSS cursor value). |
cursorGrabbing | string | grabbing | Cursor style when dragging (CSS cursor value). |