반응형
- Next에서는 Autoplay, Pagination, Navigation 기능을 활성화하기 위해 SwiperCore.use 사용
SwiperCore.use([Autoplay]);
<Swiper
className={clsx(styles.swiper)}
modules={[Autoplay]}
autoplay={{ delay: 2000, disableOnInteraction: true }}
loop={true}
grabCursor={true}
slidesPerView={1}
spaceBetween={100}
centeredSlides={true}
breakpoints={{
1200: {
slidesPerView: 3,
spaceBetween: 50,
},
}}
>
'IT > NextJs' 카테고리의 다른 글
[NextJs] 페이지 전환 모션 적용시 스타일 제거되는 문제 및 해결 방법 정리 (0) | 2023.08.24 |
---|---|
[NextJs] Atomic Design Pattern 컴포넌트 렌더링 흐름 (0) | 2023.08.18 |
[NextJs] Atomic Design Pattern 정리 (0) | 2023.08.16 |
[NextJs] CSR , SSG , SSR , ISR 예제 (0) | 2023.08.04 |
[NextJs] CSR , SSG , SSR , ISR 이론 정리 (0) | 2023.08.04 |