essence-slider
v1.0.11
Published
Essence Slider - Slider component
Downloads
25
Readme
Essence Slider - Slider component
Options:
start
: integer value to set the initial value - values: 0 to 100fill
: return a colored track to indicate the current value positiondiscrete
: true it uses thediscrete
class name to render a indicator for the current valuedisabled
: true it uses thedisabled
class name to render a non-editable componentonChange
: callback function returns current value of sliderlowerColor
: default e-background-indigo-400 or a background color for left side of sliderupperColor
: default e-background-grey-100 or a background color for right side of slider
How to use
import Slider from 'essence-slider';
<Slider step={1} fill={false} />
<Slider step={10} start={10}/>
<Slider discrete={true} step={1} start={20}/>
<Slider discrete={true} step={10} start={30}/>
<Slider discrete={true} step={10} start={40} disable={true}/>