2.5.4

Changes

• Add aria-label on dots #144

2.5.3

Changes

• Fixed resizing resets current slide #135

2.5.0

Changes

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

2.4.2

Changes

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

2.4.1

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

Changes

• Added option to skip beforeChange and afterChange callbacks for goToSlide #75
• Add aria-label to arrows buttons #85
• Add Eslint. #69

2.2.7

1. Allow button group to be render out side. #65
2. Disable infinite (and centerMode) when totalItems < slidesToShow #63

Changed naming of partialVisibilityGutter and fixed keyboad event listener not added

Patches

• Change naming of "partialVisibilityGutter" to "paritialVisibilityGutter" e69474f
• Fixed keyboard event listener not added after it has been removed ecd4f25

Change render method in infinite mode.

Commit: e865fab

Issue: #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.

Added styled components support

By passing className as a prop.
#42

Credits

Big thanks to @tpinne