Made by Hadar Harush & David Sharki.
npm i solar-system-carousel
CodeSandbox playground:
https://codesandbox.io/s/solar-system-carousel-yuy1l
import { SolarSystemCarousel } from 'solar-system-carousel';
function Foo() {
return (
<div>
<SolarSystemCarousel images={images} centeredImage={centeredImage} />
</div>
);
}
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 |