0.1.0 • Published 2 years ago
@logo-rn/logo-slider v0.1.0
@logo-rn/logo-slider
allows users to make selections from a range of values. allows users to make selections between two ranges of values.
Installation
Install the component:
npm i @logo-rn/logo-slider -s
Usage
Once installed, import the component in your application:
import {LogoSlider, LogoMultiSlider} from '@logo-rn/logo-slider';
const [value, setValue] = useState(100)
//..
<LogoSlider
value={value}
setValue={(newValue: number) => setValue(newValue)}
/>
const [values, setValues] = useState([0, 100])
//..
<LogoMultiSlider
values={values}
setValues={(newValues: Array<number>) => setValues(newValues)}
/>