Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
react-proslider
A slider component in react
Installation
npm install react-prosliderUsage
import React from 'react';
import ReactDOM from 'react-dom';
import Slider from 'react-proslider';
ReactDOM.render(
<Slider
thumbClass="slider__thumb--small"
/>, document.querySelector('#container')
);Properties
| Name | Type | Default | Description |
|---|---|---|---|
| sliderConfig | object | {'value': 20, 'max': 50, 'min': 1, 'thumbSize': 15 } |
contains the value of the range |
| onSlide | Function | returns the current value of the slider | |
| onChangeSlider | Function | onChangeSlider will be triggered on onMouseUp |
|
| thumbClass | string | Give class slider__thumb--small, slider__thumb--grey & slider__thumb--large to give appropriate styles to range thumb. You can pass your custom class and specify your styles |
|
| rangeClass | string | Give class slider--grey & slider--large for appropriate styles. You can pass your custom class and specify your styles |
|
| showLeftBar | boolean | false |
set true to show grey bar on the left side of thumb. Incase of false the entire range will have same styles |
