0.1.4 • Published 4 years ago
react-super-easy-carousel v0.1.4
React Super Easy Carousel
Created for scratch React carousel library wich is still in beta stage.
Usage
import { Carousel } from 'react-super-easy-carousel'
function App() {
  const [ index, setIndex ] = React.useState(0)
  return (
    <div className="App">
      <Carousel 
        currentIndex={index}
        changeCurrentIndex={(index) => { setIndex(index) }}
        gap={25}
      >
        <Item style={{width: '400px'}}>1</Item>
        <Item style={{width: '231px'}}>2</Item>
        <Item style={{width: '222px'}}>3</Item>
        <Item style={{width: '431px'}}>4</Item>
      </Carousel>
    </div>
  );
}PROPS | Prop | Description | | --- | --- | | currentIndex | Current selected item | | changeCurrentIndex | Change current selected item | | gap | space between element | | children | Carousel elements |
IMPORTANT Package will take carousel container size as it main size. Resizing is currently not supported.