apeman-react-slider
v4.0.2
Published
apeman react package for slider component.
Maintainers
okunishinishiReadme
apeman-react-slider
apeman react package for slider component.
Installation
$ npm install apeman-react-slider --saveDemo
Live demo is hosted on GitHub Pages.
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.