apeman-react-range
apeman react package for range input component.
Last updated 2 years 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 34
This Week 68
This Month 507
Last Day 0
Last Week 0
Last Month 0
Dependencies (8)
Dev Dependencies (25)
Dependents (1)

Copyright 2014 - 2017 © taobao.org |