'How to disable pagination dots in Swiper with Center Mode?
I am working with Swiper 6.02 and I am wondering how to get rid of the dots that show the current page. I want to use the "Center" mode, but without the page dots at the bottom. I have tried several suggested solutions, but the only one that has really worked is to disable the "Pagination" option, but that also disables the centering of the slides.
<Swiper
slidesPerView={1.2}
centeredSlides={true}
spaceBetween={30}
pagination={{
clickable: true,
}}
className="mySwiper"
>
<SwiperSlide>Slide 1</SwiperSlide>
<SwiperSlide>Slide 2</SwiperSlide>
<SwiperSlide>Slide 3</SwiperSlide>
<SwiperSlide>Slide 4</SwiperSlide>
<SwiperSlide>Slide 5</SwiperSlide>
<SwiperSlide>Slide 6</SwiperSlide>
<SwiperSlide>Slide 7</SwiperSlide>
<SwiperSlide>Slide 8</SwiperSlide>
<SwiperSlide>Slide 9</SwiperSlide>
</Swiper>
Basically I want Example without the pagination dots.
Solution 1:[1]
<Swiper showsPagination={false} />
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Roman Mahotskyi |
