Default

react-id-swiper

v4.0.0

Documentation

Examples

Community

Github

Default
Navigation
Pagination
Pagination / Dynamic Bullets
Progress Pagination
Fraction Pagination
Custom Pagination
Scrollbar
Vertical slider
Space Between Slides
Mutiple Slides Per View
Auto Slides Per View / Carousel Mode
Centered Slides
Centered Slides + Auto Slides Per View
Free Mode / No Fixed Positions
Scroll Container
Multiple Row Slides Layout
Nested Swipers
Grab Cursor
Loop Mode / Infinite Loop
Loop Mode With Multiple Slides Per Group
Fade Effect
3D Cube Effect
3D Coverflow Effect
3D Flip Effect
Mousewheel-control
Auto Play
Thumbs Gallery With Two-way Control
RTL Layout
Parallax
Lazyload Image
Responsive Breakpoints
Manipulating component outside Swiper
Customized Component

Default

Slide #1

Slide #2

Slide #3

Slide #4

Slide #5

Slide #6

Slide #7

Slide #8


  import React from 'react';
  import Swiper from 'react-id-swiper';
  const Default = () => (
    <Swiper>
      <div>Slide #1</div>
      <div>Slide #2</div>
      <div>Slide #3</div>
      <div>Slide #4</div>
      <div>Slide #5</div>
    </Swiper>
  );
  export default Default;

© 2024 - Asher Nguyen