1.0.10 • Published 3 years ago

@sean_dorr/react-responsive-carousel v1.0.10

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

React Responsive Carousel

Create a good-looking React carousel with responsive and adaptive items based on media queries.

Install the dependency

npm i @sean_dorr/react-responsive-carousel

Customizing the Carousel

\

PropertyDescriptionTypeDefault
childrenItems to be displayed in the carousel - use \node.isRequired-
classNameCustom class for stylingstringundefined
idCustom id for stylingstringundefined
styleCustom inline stylingobjectundefined
numberOfItemsShownNumber of items you want to be visible in the carouselnumber | {xs: number, sm: number, md: number, lg: number, xl: number}{xs: 1, sm: 2, md: 3, lg: 4, xl: 5}
carouselItemHeightHeight of items in the carouselnumber400
gapSpacing between carousel itemsnumber20

\

PropertyDescriptionTypeDefault
childrenContent to be displayed inside of the \any-
classNameCustom class for stylingstringundefined
idCustom id for stylingstringundefined
styleCustom inline stylingobjectundefined
onClickSet the handler to handle click eventobjectundefined
colorDefine a background-color for the \functionundefined

Example

<Carousel
  numberOfItemsShown={{ xs: 1, sm: 2, md: 3, lg: 4, xl: 5 }}
  carouselItemHeight={400}
  gap={20}
>
  <CarouselItem />
</Carousel>
1.0.2

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.10

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago