@antonkolesnik/swiper v1.0.0-beta.20

Swiper

Lightweight react desktop/mobile swiper

Demo

See demo HERE

Installation

Install with NPM

npm install @antonkolesnik/swiper

Install with Yarn

yarn add @antonkolesnik/swiper

Props:

• className: CSS class name to style the swiper
• withPagination (true by default): Enable/disable pagination
• onSwipeStart
• onSwipe
• onSwipeEnd

Usage example

import Swiper from '@antonkolesnik/swiper';

const Demo = () => (
  <div style={{ width: '600px', margin: '0 auto' }}>
    <Swiper className="custom" withPagination>
      <h1 style={{ background: 'black', color: 'white' }}>Slide 1</h1>
      <img src="https://antonkolesnik.com/38df7b2ad210d02fbd81.jpg" />
      <img src="https://antonkolesnik.com/ab52dae85dcb5a8277e8.jpg" />
    </Swiper>
  </div>
);