# react-thermometer-ecotropy

> A React thermometer component

Latest version **1.0.3** (published 2018-07-12) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-thermometer-ecotropy
pnpm add react-thermometer-ecotropy
yarn add react-thermometer-ecotropy
bun add react-thermometer-ecotropy
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2018-07-12 |
| First published | 2018-06-26 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 194.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | 6e656d6d61 |
| Maintainers | nemma |
| Keywords | browser, react, thermometer, ecotropy, temperature, component |

## Links

- npm: https://www.npmjs.com/package/react-thermometer-ecotropy
- Repository: https://github.com/6e656d6d61/react-thermometer-ecotropy
- Homepage: https://github.com/6e656d6d61/react-thermometer-ecotropy#readme
- Issues: https://github.com/6e656d6d61/react-thermometer-ecotropy/issues
- npm.io page: https://npm.io/package/react-thermometer-ecotropy

## Dependencies (2)

- [react](https://npm.io/package/react.md) ^16.4.1
- [react-dom](https://npm.io/package/react-dom.md) ^16.4.1

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.3 (latest) — 2018-07-12
- 1.0.2 — 2018-06-29
- 1.0.1 — 2018-06-27
- 1.0.0 — 2018-06-26

## README

# A React Thermometer Component

## Screenshot

![Example](./imgs/example.png)

## Install

```sh
$ yarn add react-thermometer-ecotropy
```

## Usage

```js
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

---
_Source: https://npm.io/package/react-thermometer-ecotropy · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._