0.3.1 • Published 2 years ago

responsive-carousel-react v0.3.1

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

responsive-carousel-react

Simple react carousel with mouse and touch support

Install

npm install responsive-carousel-react

Usage

import { Carousel } from "responsive-carousel-react";

Example

import { Carousel } from "responsive-carousel-react";

function Example() {
  return (
    <Carousel>
      <div>item 1</div>
      <div>item 2</div>
      <div>item 3</div>
      <div>item 4</div>
      <div>item 5</div>
      <div>item 6</div>
    </Carousel>
  );
}

API

PropertyTypeDefaultDescription
maxGapItemsnumber24the maximum gap between each item in the carousel
minGapItemsnumber8the minimum gap between each item in the carousel
paddingBodyContainernumber60the padding between the carousel container and the carousel items
swipeSensativitynumber50the minimum finger travel to register as a swipe
titlestring""the title of the carousel
childrenreact componentnullthe items that will be displayed in the carousel
carouselStyleobjectnullstyling for the carousel component
titleStyleobjectnullstyling for the carousel title
0.4.0

1 year ago

0.3.1

2 years ago

0.3.0

2 years ago

0.2.4

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.0

2 years ago