Const
Single Image Carousel
A carousel component for displaying images with optional captions and headlines.
<umd-element-carousel-image>
images
headlines
texts
data-theme
light
dark
data-feature
fullscreen
resize
<umd-element-carousel-image> <div slot="images"> <img src="photo1.jpg" alt="Campus view"> <img src="photo2.jpg" alt="Student center"> <img src="photo3.jpg" alt="Library entrance"> </div></umd-element-carousel-image> Copy
<umd-element-carousel-image> <div slot="images"> <img src="photo1.jpg" alt="Campus view"> <img src="photo2.jpg" alt="Student center"> <img src="photo3.jpg" alt="Library entrance"> </div></umd-element-carousel-image>
1.0.0
Single Image Carousel
A carousel component for displaying images with optional captions and headlines.
Custom Element
<umd-element-carousel-image>
Slots
images
- Container for images (required, accepts: img elements with alt text)headlines
- Container for image headlines (optional, accepts: heading elements)texts
- Container for image descriptions (optional, accepts: text elements)Attributes
data-theme
- Visual theme:light
- Light theme (default)dark
- Dark themedata-feature
- Additional features:fullscreen
- Enable fullscreen viewing optionObserved Attributes
resize
- Triggers carousel size recalculation