title: How to disable pagination dots in Swiper with Center Mode?
body: <p>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 &quot;Center&quot; 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 &quot;Pagination&quot; option, but that also disables the centering of the slides.</p>
  <pre><code>            &lt;Swiper
                  slidesPerView={1.2}
                  centeredSlides={true}
                  spaceBetween={30}
                  pagination={{
                      clickable: true,
                  }}
                  className=&quot;mySwiper&quot;
              &gt;
                  &lt;SwiperSlide&gt;Slide 1&lt;/SwiperSlide&gt;
                  &lt;SwiperSlide&gt;Slide 2&lt;/SwiperSlide&gt;
                  &lt;SwiperSlide&gt;Slide 3&lt;/SwiperSlide&gt;
                  &lt;SwiperSlide&gt;Slide 4&lt;/SwiperSlide&gt;
                  &lt;SwiperSlide&gt;Slide 5&lt;/SwiperSlide&gt;
                  &lt;SwiperSlide&gt;Slide 6&lt;/SwiperSlide&gt;
                  &lt;SwiperSlide&gt;Slide 7&lt;/SwiperSlide&gt;
                  &lt;SwiperSlide&gt;Slide 8&lt;/SwiperSlide&gt;
                  &lt;SwiperSlide&gt;Slide 9&lt;/SwiperSlide&gt;
              &lt;/Swiper&gt;
  
  </code></pre>
  <p>Basically I want <a href="https://codesandbox.io/s/iplfm" rel="nofollow noreferrer">Example</a> without the pagination dots.</p>