Easily add beautiful carousels to your website in no time!
Check out the Demo on the docs website!
In order to install react-pretty-carousel
, run this command in your terminal.
npm i react-pretty-carousel --save
Or
yarn add react-pretty-carousel
Prop | DataType | Description |
---|---|---|
items |
integer |
Number of items to display at once |
mode |
string |
Style of the carousel, can be either normal or gallery |
showControls |
boolean |
Show the dots and navigation buttons if true , and otherwise if false |
You can summon and move/navigate through the carousel by importing and using the following functions:
import {
CarouselWrapper,
prev,
next,
moveTo,
switchTo,
presentIndex,
} from "react-pretty-carousel";
Function | Description | Parameters |
---|---|---|
prev() |
Move to the previous slide | none |
next() |
Move to the next slide | none |
moveTo(5) |
Move to a certain index/object with smooth animation | integer |
switchTo(5) |
Abruptly move to a certain index/object | integer |
presentIndex |
Get the present index of the carousel object being displayed | none |