Breaking News: Grepper is joining You.com. Read the official announcement!

what is swiper used for?

Fahad hossain answered on March 26, 2024 Popularity 3/10 Helpfulness 2/10

answer what is swiper used for?

what is swiper used for?

Comment

// import Swiper core and required modules
import { Navigation, Pagination, Scrollbar, A11y } from 'swiper/modules';

import { Swiper, SwiperSlide } from 'swiper/react';

// Import Swiper styles
import 'swiper/css';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
import 'swiper/css/scrollbar';

export default () => {
  return (
    <Swiper
      // install Swiper modules
      modules={[Navigation, Pagination, Scrollbar, A11y]}
      spaceBetween={50}
      slidesPerView={3}
      navigation
      pagination={{ clickable: true }}
      scrollbar={{ draggable: true }}
      onSwiper={(swiper) => console.log(swiper)}
      onSlideChange={() => console.log('slide change')}
    >
      <SwiperSlide>Slide 1</SwiperSlide>
      <SwiperSlide>Slide 2</SwiperSlide>
      <SwiperSlide>Slide 3</SwiperSlide>
      <SwiperSlide>Slide 4</SwiperSlide>
      ...
    </Swiper>
  );
};

Popularity 3/10 Helpfulness 2/10 Language javascript

Source: swiperjs.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Mar 26 2024

Fahad hossain

0 Answers Avg Quality 2/10

what is swiper used for?

Contents

More Related Answers

what is swiper used for?

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.