devsgnr / carousel Goto Github PK

There are some useful resources you can consume

• https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap
• https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type
• https://css-tricks.com/practical-css-scroll-snapping/

In the current package, the images are changed based on the current index of the image array. On the next release, we'll loop over all image URLs and then scroll through them using the scroll snap

• Loop over all image URLs using a flexbox; with overflow hidden on the parent container
• Next and previous buttons will now scroll the container x (px) (x being the size of the container) ie. we might listen for the change in the container size and adjust the scroll offset by the current container width, something like document.querySelector(element).addEventListener('event').

The rest is really just testing the solution and see if it works; you have complete autonomy over this

Right now README.md only shows the props and how to use the package; with examples. Fix the documentation to;

• Display the Contribution Guidelines (this will be a section in README.md)
• Feel free to add any other missing information