react-range-progress
Advanced tools
Comparing version 2.0.0 to 2.0.1
{ | ||
"name": "react-range-progress", | ||
"version": "2.0.0", | ||
"version": "2.0.1", | ||
"description": "Component for react to ease styling of range inputs.", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
# react-range-progress | ||
Component for react to ease styling of range inputs. | ||
Inspired by [a post on css-tricks](https://css-tricks.com/custom-interactive-range-inputs/). | ||
# Installation | ||
`npm install react-range-progress --save` | ||
# Usage | ||
## Control | ||
`import Range from 'react-range-progress'` | ||
The range control will stretch horizontally 100% width of the parent container. | ||
## Properties | ||
* hideThumb (bool): true to hide the thumb | ||
* height (number): track height in pixels | ||
* thumbSize (number): thumb size in pixels | ||
* min (number): min range value | ||
* max (number): max range value | ||
* onChange (function, required): callback, mandatory | ||
* value (number, required): initial value | ||
The following properties are set with an object with properties r, g, b, a to set red, green, blue (all from 0 to 255) and alpha (0.0 to 1.0) channels. | ||
* fillColor: fills the track part on the left of the thumb | ||
* trackColor: colors the 'empty' part of the track | ||
* thumbColor | ||
# TODO | ||
* Write actual tests | ||
* Add a nice demo website |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
17611
9
322
31
1