a simple thermometer style component for react
npm install react-thermometer --save
pixel height of thermometer
pixel width of the thermometer (note base of thermometer = width*2.5
)
the number to represent the lowest point on the thermometer, effectively the 0
point.
the number that represents your thermometer at 100% full
current position of thermometer
the fill color of the thermometer.
the background color of the thermometer.
import React From "react";
import Thermometer from "react-thermometer";
const MyThermometer = () => {
<div>
<Thermometer
min={0}
max={30}
width={20}
height={300}
backgroundColor={'blue'}
fillColor={'green'}
current={10}
/>
</div>
}