ps

pre-slider

## Installation

Showing:

Popularity

Downloads/wk

2

Maintenance

No Maintenance Data Available

Package

Dependencies

4

License

Type Definitions

Tree-Shakeable

No?

Categories

Readme

Pre Slider

Installation

npm install --save pre-slider

For More Example

Live Demo

Usage


<Slider defaultValue={30}
         minLabel="0 °C"
         maxLabel="100 °C"
         unit="°C"
         onAfterChange={this.handleAfterChange}
         onChange={this.handleChange}/>

--- With Range ---


 <Slider range
                                    defaultValue={[40,90]}
                                    minValue={20}
                                    maxValue={120}
                                    onChange={this.handleChange}/>

Slider Props

NameTypeDefaultRequiredDescription
maxValuenumber100falseMaximum value of Slider component.
minValuenumber0falseMinimum value of Slider component.
defaultValuenumber-falseDefault value of Slider component (If has range prop defaultValue must array like {[0,100]}).
stepnumber-falseIncrement or decrement range of values.
disabledboolfalsefalseDisables component.
rangebool-falseRange support for slider component.
onChangefunc-falseChange event for the component.
onAfterChangefunc-falseAfter Change event for the component.
closeLabelboolfalsefalseClose of min-max labels.
maxLabelstring-falseLabel of maximum value.
minLabelstring-falseLabel of minimum value.
unitbool" "falseUnit of popover content.
closeTooltipboolfalsefalseTooltip support for component.

Quick Start

1. Get the latest version

You can start by cloning the latest version of pre-slider.

2. Run npm install

This will install both run-time project dependencies and developer tools listed in package.json file.

3. How to start project in Development Mode

This will start the development server and serve site application.

$ npm start

Open Browser and enter http://localhost:3000 (default)

How to Build for Production

If you need just to build the app (without running a dev server), simply run:

$ npm run build

How to Build for Site

If you need just to build the app (without running a dev server), simply run:

$ npm run site

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial