1.33.0 • Published 2 days ago
@s-ui/react-atom-slider v1.33.0
AtomSlider
AtomSlider
is a component that works as an input that provides a slider a number or a set of two numbers (range)
Installation
$ npm install @s-ui/react-atom-slider --save
Usage
import AtomSlider from '@s-ui/react-atom-slider'
Basic usage
<AtomSlider/>
Basic usage with custom markers (only first and last position)
<AtomSlider
min={1}
max={9}
marks={['1 km', '9 km']}
/>
Step 25 and default value 50
<AtomSlider step={25} value={50}/>
Disabled
<AtomSlider step={25} value={25} disabled />
Range Basic
<AtomSlider range />
Range Step 10
<AtomSlider range step={10} />
Capturing Value Change
<AtomSlider onChange={ (e, {value}) => console.log(value)} />
Find full description and more examples in the demo page.
1.33.0
2 days ago
1.32.0
4 days ago
1.29.0
2 years ago
1.30.0
2 years ago
1.31.0
2 years ago
1.27.0
2 years ago
1.28.0
2 years ago
1.25.0
2 years ago
1.26.0
2 years ago
1.23.0
2 years ago
1.24.0
2 years ago
1.22.0
2 years ago
1.21.0
3 years ago
1.20.0
3 years ago
1.19.0
3 years ago
1.18.0
3 years ago
1.17.0
3 years ago
1.16.0
3 years ago
1.15.0
3 years ago
1.14.0
4 years ago
1.13.0
4 years ago
1.12.0
4 years ago
1.11.0
4 years ago
1.10.0
4 years ago
1.9.0
4 years ago
1.8.0
4 years ago
1.7.0
5 years ago
1.6.0
5 years ago
1.5.0
5 years ago
1.4.0
5 years ago
1.3.0
5 years ago
1.2.0
5 years ago
1.1.0
5 years ago