// import Swiper core and required modules
import SwiperCore, { Navigation, Pagination, Scrollbar, A11y, Autoplay, EffectFade } from 'swiper';
// import style
import 'swiper/components/effect-fade/effect-fade.scss';
// install Swiper modules
SwiperCore.use([Navigation, Pagination, Scrollbar, A11y, Autoplay, EffectFade]);
// set
<Swiper
spaceBetween={0}
effect = {"fade"}
slidesPerView={1}
navigation
pagination={{
clickable: true,
dynamicBullets: true
}}
onSwiper={(swiper) => console.log(swiper)}
onSlideChange={() => console.log('slide change')}
autoplay = {true}
speed = {1000}
loop = {true}
>