본문 바로가기

프론트엔드 공부/라이브러리&프레임워크

swiper 이전 다음 버튼 비활성화

loop = {false}, autoplay 기능을 꺼주면 비활성화기능이 적용된다

        <Swiper
          style={{
            "--swiper-pagination-color": "#F7CE4B"
          }}
          loop={false}
          modules={[Navigation]}
          navigation={true}
          spaceBetween={8}
          slidesPerView={2}
          onSwiper={(swiper) => console.log(swiper)}
        >
          <SwiperSlide>
            <span className="w-[280px] h-[80px] block bg-red-400"></span>
          </SwiperSlide>
          <SwiperSlide>
            <span className="w-[280px] h-[80px] block bg-blue-400"></span>
          </SwiperSlide>
          <SwiperSlide>
            <span className="w-[280px] h-[80px] block bg-red-400"></span>
          </SwiperSlide>
        </Swiper>