node package manager
Painless code sharing. npm Orgs help your team discover, share, and reuse code. Create a free org »

react-ui-thermometer

react-ui-thermometer

Build Status

React UI Thermometer

This is component has created with create-react-app

thermometer example image

Demo

Demo React UI Thermometer

Usage

<Thermometer theme={'light'} value={80} max={200} format={'$'} steps={3} size={'small'} height={180} />

Documentation

Name Type Default Description
theme string 'light' Choose the 'light' or 'dark' theme to suit your interface
max string 100 Maximum value that the thermometer must reach
value number 0 Current value of the thermometer
format string '$' Choose the format of the thermometer data, example: $, R $, €
steps number 4 Number of steps that will be displayed on the thermometer
size string 'normal' Choose the size of your thermometer: small, normal or large
height number 200 Sets the height of the thermometer in pixels

Development

  • npm install
  • npm start

Licence

MIT