Slider

An input where the user selects a value from within a given range.
# Demo
# Attributes
NameTypeDefaultDetails
classNamestring' 'You can customise by passing tailwind classes.
labelClassNamestring' 'You can customise by passing tailwind classes.
sliderClassNamestring' 'You can customise by passing tailwind classes.
labelstring' 'You can pass label name to slider.
defaultValuenumber0You can pass default value to slider.
maxnumber100You can pass max value to slider.
stepnumber1You can pass step value to slider.
disabledbooleanfalseYou can pass disabled to slider.
onChange(value: number) => voidRequiredYou can get callback when slider changed.
# Usage
import { NSlider } from 'nayan'; const Slider = () => { return ( <NSlider defaultValue={50} max={100} step={1} disabled={false} onChange={value => console.log(value)} /> ); }; export default Slider;