Home > AI > Frontend > Swiper >

Swiper props

<Swiper
    // the space between each slide
    spaceBetween={50} 

    // how many slides per view
    slidesPerView={1} 

    // whether show navigation arrows
    navigation 

    // whether show paginations
    pagination={{ clickable: true }} 

    // whether show the scrollbar
    scrollbar={{ draggable: true }} 
    
    // callback when load the swiper
    onSwiper={(swiper) => console.log(swiper)}


    // callback when 
    onSlideChange={() => console.log('slide change')}
  >

Leave a Reply