0.1.4 • Published 2 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.