React Thermometer

a simple thermometer style component for react

Install

npm install react-thermometer --save

Demo

Click here

Required Props

height

pixel height of thermometer

width

pixel width of the thermometer (note base of thermometer = width*2.5)

min

the number to represent the lowest point on the thermometer, effectively the 0 point.

max

the number that represents your thermometer at 100% full

current

current position of thermometer

fillColor

the fill color of the thermometer.

backgroundColor

the background color of the thermometer.

Use

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>	
}