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

swiper install react

Sleepy Shrew answered on August 20, 2022 Popularity 10/10 Helpfulness 3/10

answer swiper install react

swiper install react

Comment

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

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 10/10 Helpfulness 3/10 Language shell

Source: swiperjs.com

Tags: shell

Link to this answer
Share Copy Link

Contributed on Aug 20 2022

Sleepy Shrew

0 Answers Avg Quality 2/10

swiper install react

Contents

More Related Answers

swiper install react

Grepper

Documentation

Social

Legal

Contact

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