Demo

Toggles

Values

Slide 6
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 1

Important

  • If you run the slides through the slides prop, you have the option to assign a title to each item in the array. You can then utilize the showTitle prop to either display or conceal the titles.
  • Each slide can essentially be anything you desire. It can be a container with nested elements, a flexbox, an image, etc. When you pass the slides as children, each child will correspond to a single slide.
  • You have the ability to adjust the width of each slide using CSS, which allows you to simulate multiple slides within a single slide.

Installing

With npm: npm install react-sliderify

With yarn: yarn add react-sliderify