How to use the swiper/dist/js/swiper.esm.js.Swiper.use function in swiper
To help you get started, we’ve selected a few swiper examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
pedaling / class101-ui / src / components / Swiper / index.tsx View on Github 
import classNames from 'classnames';
import React, { FC, MutableRefObject, ReactNode, useEffect, useMemo, useRef, useState } from 'react';
import { SwiperOptions } from 'swiper';
import { Autoplay, Navigation, Pagination, Swiper as OriginalSwiper } from 'swiper/dist/js/swiper.esm.js';
import { createUniqIDGenerator } from '../../utils/createUniqIDGenerator';
import { DefaultNavigation } from './DefaultNavigation';
OriginalSwiper.use([Navigation, Pagination, Autoplay]);
export type SwiperInstance = OriginalSwiper;
export interface SwiperProps extends SwiperOptions {
children?: ReactNode;
navigationChildren?: ReactNode;
paginationChildren?: ReactNode;
getSwiperInstance?: (swiperInstance: OriginalSwiper) => void;
className?: string;
}
const generateId = createUniqIDGenerator('swiper-');
export const Swiper: FC = ({
getSwiperInstance,
className,swiper
Most modern mobile touch slider and framework with hardware accelerated transitions
