apeman-react-range
apeman react package for range input component.
Installation
$ npm install apeman-react-range --saveDemo
Live demo is hosted on GitHub Pages.
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.
