mmo-carousel
1 symbol · generated 5 Oct 2026
mmo-carousel
mmo-carousel.jhs:1Carousel element to display a list of slides in a carousel layout
- Extends
- CustomShadowElement
Index
| autoplay | if true, the carousel will autoplay | |
| show | the number of slides to show | |
| autoplay accessor | Get the autoplay of the carousel | |
| show accessor | Get the show of the carousel | |
| constructor() | ||
| init() | ||
| clearAutoplay() | Clear the autoplay | |
| goTo(index) | Go to a specific slide index | |
| handleAutoplay() | Handle the autoplay | |
| handleDots() | Handle the dots | |
| handleNextSlide() | Handle the next slide | |
| handlePreviousSlide() | Handle the previous slide | |
| pauseAutoplay() | Pause the autoplay | |
| updateDots() | Update the dots | |
| updateSlideWidth() | Update the slide width | |
| (default) | the slides: any element, each one sized to --slide-width | |
| .bordered | add a border to the carousel | |
| .plain | remove the border and the gap from the carousel |
Attributes2
autoplay
mmo-carousel.jhsif true, the carousel will autoplay
autoplay
show
mmo-carousel.jhsthe number of slides to show
show="1"
Properties2
autoplay
accessormmo-carousel.jhs:64Get the autoplay of the carousel
- Type
boolean
show
accessormmo-carousel.jhs:90Get the show of the carousel
- Type
number
Methods11
constructor()
mmo-carousel.jhs:27init()
mmo-carousel.jhs:34clearAutoplay()
mmo-carousel.jhs:115Clear the autoplay
goTo(index)
mmo-carousel.jhs:124Go to a specific slide index
| index | number | - The index of the slide to go to |
handleAutoplay()
mmo-carousel.jhs:158Handle the autoplay
handleDots()
mmo-carousel.jhs:169Handle the dots
handleNextSlide()
mmo-carousel.jhs:185Handle the next slide
handlePreviousSlide()
mmo-carousel.jhs:196Handle the previous slide
pauseAutoplay()
mmo-carousel.jhs:207Pause the autoplay
updateDots()
mmo-carousel.jhs:217Update the dots
updateSlideWidth()
mmo-carousel.jhs:231Update the slide width
Slots1
(default)
mmo-carousel.jhsthe slides: any element, each one sized to --slide-width
<slot>
CSS hooks2
.bordered
mmo-carousel.jhsadd a border to the carousel
.bordered
.plain
mmo-carousel.jhsremove the border and the gap from the carousel
.plain