apeman-react-range
apeman react package for range input component.
Last updated a year ago by okunishinishi .
MIT · Repository · Bugs · Original npm · Tarball
$ cnpm install apeman-react-range 
SYNC missed versions from official npm registry.

apeman-react-range

Build Status Code Climate Code Coverage npm Version JS Standard

apeman react package for range input component.

Installation

$ npm install apeman-react-range --save

Demo

Live demo is hosted on GitHub Pages.

Demo Image

Usage

'use strict'

import React from 'react'
import {ApRange, ApRangeStyle} from 'apeman-react-range'

const html = (
  <html>
  <head>
    <ApRangeStyle></ApRangeStyle>
  </head>
  <body>
  <ApRange min={ 0 } max={ 100 }
           onChange={ (from, to)=>{console.log(from, to)} } />
  </body>
  </html>
)

Components

ApRangeHandle

Props

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

ApRangeLabel

Props

Name Type Default Description
value number null

ApRangeStyle

Props

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

ApRange

Props

Name Type Default Description
from number 25
to number 75
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

Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 103
Dependencies (8)
Dev Dependencies (25)
Dependents (1)

Copyright 2014 - 2017 © taobao.org |