React-thermo NPM

Welcome to react-thermo 👋

React Thermometer Component for React Apps

React Thermo

yarn add react-thermo

import Thermo from 'react-thermo'

  <Thermo
    min={-50}
    max={50}
    temperature={25}
  >

Props	Type	Default	Description
temperature	`number`	-	temperature value (required)
min	`number`	`-50`	base temperature
max	`number`	`50`	maximum temperature
zones	`number[]`	`[0, 25]`	Define medium and high temperature zones. `lowTemperatureColor` property will be used below the first value, `mediumTemperatureColor` will be used above the first value and `highTemperatureColor` will be used above the second value from `zones` array
glassColor	`string`	`#bdc3c7`	set thermometer glass color
mercuryPipeColor	`string`	`#ecf0f1`	set mercuty pipe color
lowTemperatureColor	`string`	`#3498db`	set mercury color from low temperature
mediumTemperatureColor	`string`	`#e67e22`	set mercury color from medium temperature
highTemperatureColor	`string`	`#c0392b`	set mercury color from high temperature
highlightColor	`string`	`#fff`	set glass highlight color