Package Exports

hand-moveable-slider
hand-moveable-slider/dist/index.es.js
hand-moveable-slider/dist/index.umd.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (hand-moveable-slider) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Hand-Moveable-Slider

Hand-Moveable-Slider to create a scrollable slider using mouse interactions.

Installation

Install the package using npm:

npm install hand-moveable-slider

Props

customStyles (optional): An object to pass custom CSS styles to the HandMoveableSlider component. Default is {border: 'none'}, we can pass any other css what we can.

Example

Here is an example:

import React from 'react';
import HandMoveableSlider from 'handl-moveable-slider';

const App = () => (
  <HandMoveableSlider customStyles={{border:'none'}}>
    <div style={{border:"1px solid black"}}>hello</div>
    <div style={{border:"1px solid black"}}>hello</div>
    <div style={{border:"1px solid black"}}>hello</div>
  </HandMoveableSlider>
);

export default App;