uwap/mqtt-control-map
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better sliders!

Browse source 
Add marks and value indication. (Fixes #146)
This commit is contained in:
uwap 2020-10-19 06:24:04 +02:00
parent 0f08e9f1ee
commit a44eea520a
5 changed files with 14 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/UiItems/Slider.js
View file

@ -16,10 +16,12 @@ const BaseComponent = ({Icon, Label}, item, state, changeState) => (
<Label />
<SliderComponent
value={parseFloat(getValue(item, state))}
min={item.min || 0} max={item.max || 100}
step={item.step || 1}
min={item.min ?? 0} max={item.max ?? 100}
step={item.step}
marks={item.marks ?? false}
onChange={changeSliderValue(item, changeState)}
disabled={isDisabled(item, state)}
valueLabelDisplay="auto"
style={{marginLeft: 40}} />
</React.Fragment>
);