React Multi Carousel Versions Save

A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.

2.5.4

4 years ago

Changes

  • Add aria-label on dots #144

2.5.3

4 years ago

Changes

  • Fixed resizing resets current slide #135

2.5.0

4 years ago

Changes

  • Remove left margin when not enough children #111
  • Fixed two active dots #118

2.4.2

4 years ago

Changes

  • Fixed runtime error when there's not enough children and showDots prop is true #107

2.4.1

4 years ago

Changes

  • better handle on children length changes back and forth-> #102 and # #101
  • hide dots if there's not enough children #103

Credits

Huge thanks to @abhinavdalal-iconnect and @benhodgson87 for helping!

2.3.0

4 years ago

Changes

2.2.7

4 years ago
  1. Allow button group to be render out side. https://github.com/YIZHUANG/react-multi-carousel/issues/65
  2. Disable infinite (and centerMode) when totalItems < slidesToShow https://github.com/YIZHUANG/react-multi-carousel/issues/63

2.2.4

4 years ago

Patches

2.2.2

4 years ago

Commit: https://github.com/YIZHUANG/react-multi-carousel/pull/50/commits/e865fab932e874b2dc1b292a1c46e7c54ae8acec

Issue: https://github.com/YIZHUANG/react-multi-carousel/issues/48

Previously clones are only set once during the entire life cyle as the following:

componentDidMount(){
  this.setState({ clones: whatever });
}
render(){
  return (
    <>
     {this.state.clones.map.....}
    </>
    )
  }

Using such approach works, but does not allow for advanced customization. For example:

const MyComponent = () => {
 const [anyState, setAnyState] = useState(null);
return (
   <Carousel
    infinite={true}
    beforeChange={() => setAnyState('anything')}
   >
    <CarouselItem anyState={anyState} /> 
    // anyState will be null as always because Carousel item is not re-rendering. 
  </Carousel>
  )
}

This commit fixes the above.

2.1.1

4 years ago

By passing className as a prop. https://github.com/YIZHUANG/react-multi-carousel/pull/42

Credits

Big thanks to @tpinne