A React Thermometer Component

Screenshot

Install

$ yarn add react-thermometer-ecotropy

Usage

import React from 'react'
import { render } from 'react-dom'
import Thermometer from 'react-thermometer-ecotropy'

render(
  <Thermometer
    theme="light"
    value="18"
    max="100"
    steps="3"
    format="°C"
    size="large"
    height="300"
  />
, document.getElementById('container'))

API:

| Param | Type | Description | Example | Default | | --- | --- | --- | --- | --- | | theme | String | Light or Dark | theme="light" | light | | value | Number | Temperature value | value={27} | 0 | | max | Number | Maximum value of thermometer | max={100} | 100 | | steps | Number | Thermometer dividers | steps={3} | 0 | | format | String | Degrees format | format="°C" | '' | | size | String | Thermometer size. Can be small, normal or large | size="large" | normal | | height | Number | Thermometer height | height={300} | 200 | | tooltipValue | Boolean | Display the value | tooltipValue={true} | true |

Note

This component is based on https://github.com/zamarrowski/react-thermometer-component