0.0.8 • Published 5 years ago
open-carousel v0.0.8
Open Carousel
Overview
A simple, responsive component for showcasing clients or customers.
On each page load, the order of the logos are random to make sure there are no favourites :)
When on small screen sizes (breakpoint can be set via prop), the carousel animation will fire. If screen size exceeds the breakpoint, logos stack up without animations.
Installation
npm i open-carousel
Usage
<Carousel
speed='15' // speed of moving carousel in seconds
items={items} // an array of item objects {name: 'test', logo: 'logo.svg', url: '#'}
breakpointWidth={720} // the breakpoint which the carousel stops and logos stack
itemWidth={200} // the width of each carousel item
itemHeight={60} // the height of each carousel item
fallbackMessage='No logos' // the default message when items are empty
/>
License
Code released under the MIT Open Source license.