1.0.0 • Published 9 years ago

pre-slider

Licence

—

Version

1.0.0

Deps

Vulns

Weekly

Summary Dependency Versions

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

Name	Type	Default	Required	Description
maxValue	number	100	false	Maximum value of Slider component.
minValue	number	0	false	Minimum value of Slider component.
defaultValue	number	-	false	Default value of Slider component (If has range prop defaultValue must array like {[0,100]}).
step	number	-	false	Increment or decrement range of values.
disabled	bool	false	false	Disables component.
range	bool	-	false	Range support for slider component.
onChange	func	-	false	Change event for the component.
onAfterChange	func	-	false	After Change event for the component.
closeLabel	bool	false	false	Close of min-max labels.
maxLabel	string	-	false	Label of maximum value.
minLabel	string	-	false	Label of minimum value.
unit	bool	" "	false	Unit of popover content.
closeTooltip	bool	false	false	Tooltip support for component.