Solar System Carousel
A unique and easy to use carousel.
Made by Hadar Harush & David Sharki.
npm i solar-system-carousel
CodeSandbox playground:
https://codesandbox.io/s/solar-system-carousel-yuy1l
Usage:
import { SolarSystemCarousel } from "solar-system-carousel";
function Foo() {
return (
<div>
<SolarSystemCarousel images={images} centeredImage={centeredImage} />
</div>)
}
Props:
prop | value | Description | default | required? |
---|---|---|---|---|
images | array of strings | The images that should revolve in the carousel. must have 1-12 images! | an example array of 4 images | yes |
centeredImage | string | The image that should be in the middle of the carousel | head image | yes |
centerWidth | string | width of the centered image. works with any unit. e.g: centerWidth='20rem' or centerWidth='80%'. | '400px' | no |