apeman-react-slider

4.0.2 • Public • Published

apeman-react-slider

Build Status Code Climate Code Coverage npm Version JS Standard

apeman react package for slider component.

Installation

$ npm install apeman-react-slider --save

Demo

Live demo is hosted on GitHub Pages.

Demo Image

Usage

'use strict'
 
import React from 'react'
import {ApSlider, ApSliderStyle} from 'apeman-react-slider'
 
const html = (
  <html>
  <head>
    <ApSliderStyle />
  </head>
  <body>
  <ApSlider
    initial={ 50 }
    min={ 0 }
    max={ 100 }
    onChange={(e) => {
                /* ... */
            } }
  />
  </body>
  </html>
)
 

Components

ApSliderHandle

Props

Name Type Default Description
onMove func
shouldMove func
x number
minX number
maxX number

ApSliderLabel

Props

Name Type Default Description
value number null

ApSliderStyle

Props

Name Type Default Description
style object {}
handleSize number 24
barHeight number 4
highlightColor string '#38E'

ApSlider

Props

Name Type Default Description
initial number 50
min number 0
max number 100
step number 0.01
onChange func
barOnly bool false

License

This software is released under the MIT License.

Links

Package Sidebar

Install

npm i apeman-react-slider

Weekly Downloads

19

Version

4.0.2

License

MIT

Last publish

Collaborators

  • okunishinishi