Welcome to react-thermo 👋

React Thermometer Component for React Apps

Install

yarn add react-thermo

Usage

import Thermo from 'react-thermo'

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

Props

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

Author

👤 Michał Winiarski michal.winiarski@devbrains.pl

• Website: https://devbrains.pl
• Github: @m1520n

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!

---

This README was generated with ❤️ by readme-md-generator