apeman-react-range
apeman react package for range input component.
Installation
$ npm install apeman-react-range --save
Demo
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 = = = /> </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.