ClickWheelJS.com

Source code here

Maker

Made with <3 by AE Studio

Installation

npm install --save clickwheel-js

or

yarn add clickwheel-js

Usage

import React from 'react';
import ClickWheel from 'clickwheel-js';

function Demo(){
    return(
        <React.Fragment>
            <div id="wrapper">
                <ClickWheel
                    scrollerId="wrapper"
                    onCenterClick={() => console.log('onCenterClick')}
                    onMenuClick={() => console.log('onMenuClick')}
                    onPlayPause={() => console.log('onPlayPauseClick')}
                    onNext={() => console.log('onNextClick')}
                    onPrevious={() => console.log('onPreviousClick')}
                />
            </div>
        </React.Fragment>
    )
}

export default Demo;

Props

| Name | Type | required | | ------------- | -------- | -------- | | scrollerId | string | yes | | onCenterClick | function | no | | onMenuClick | function | no | | onPlayPause | function | no | | onNext | function | no | | onPrevious | function | no |