react-horizontal-scrolling

react horizontal scroll component

Usage no npm install needed!

<script type="module">
  import reactHorizontalScrolling from 'https://cdn.skypack.dev/react-horizontal-scrolling';
</script>

README

react-horizontal-scrolling

Installation

npm install react-horizontal-scrolling

Features

Support horizontal dragging
Support vertical mouse wheel
Tween animation (mainly copied from malihu-custom-scrollbar-plugin)

Usage

import HorizontalScroll from 'react-horizontal-scrolling'

<HorizontalScroll>
  {pictures.map((pic, idx) => (
    <img
      className="rounded w-56 h-64 object-cover"
      src={pic}
      key={idx} />
  ))}
</HorizontalScroll>

License

MIT