Preview
Carousel
CarouselData Shape
Section titled “CarouselData Shape” id: string; title: string; // HTML allowed mediaType: string; // "image" | "video" mediaSrc: string; // URL/path to media assetimport ISiteCarousel from '/components/ISiteCarousel.astro';
export let carouselData = [ { id: "carousel-1", title: "Thinnest, lightest Galaxy Z Fold<sup class='srp-footnote'>1</sup>", mediaType: "video", mediaSrc: "/assets/videos/galaxy-z-fold7-features-highlights-design.mp4", }, { id: "carousel-2", title: "Ultra detailed. Ultra clear photos", mediaType: "image", mediaSrc: "/assets/images/carousel-2.png", }, { id: "carousel-3", title: "Our most powerful processor<br class='md:hidden' /> customised for Galaxy<sup class='srp-footnote'>1</sup>", mediaType: "video", mediaSrc: "/assets/videos/galaxy-z-fold7-features-highlights-ap.mp4", }, { id: "carousel-4", title: "Next-gen Galaxy AI on the large screen", mediaType: "video", mediaSrc: "/assets/videos/galaxy-z-fold7-features-highlights-ai.mp4", },]---
<ISiteCarousel carouselData={carouselData} prefix="design" />