JSPM

react-thermometer-ecotropy

1.0.3
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 275
  • Score
    100M100P100Q90575F
  • License ISC

A React thermometer component

Package Exports

  • react-thermometer-ecotropy

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-thermometer-ecotropy) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

A React Thermometer Component

Screenshot

Example

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