diff --git a/web/core/Carousel/CarouselImageItem.tsx b/web/core/Carousel/CarouselImageItem.tsx index bb94cd8b4..351c22677 100644 --- a/web/core/Carousel/CarouselImageItem.tsx +++ b/web/core/Carousel/CarouselImageItem.tsx @@ -12,10 +12,12 @@ type CarouselImageItemProps = { caption?: string attribution?: string active?: boolean + captionPositionUnderImage?: boolean + link?: string } & HTMLAttributes export const CarouselImageItem = forwardRef(function CarouselImageItem( - { active = false, image, caption, attribution, displayMode = 'single', className = '', ...rest }, + { active = false, image, caption, attribution, displayMode = 'single', className = '', link, captionPositionUnderImage, ...rest }, ref, ) { return ( diff --git a/web/lib/queries/common/imageCarouselFields.ts b/web/lib/queries/common/imageCarouselFields.ts index c0d1e31c6..330f8be82 100644 --- a/web/lib/queries/common/imageCarouselFields.ts +++ b/web/lib/queries/common/imageCarouselFields.ts @@ -14,6 +14,8 @@ export const imageCarouselFields = /* groq */ ` autoplay, delay }, + captionPositionUnderImage, + link, "designOptions": { ${background} },