react-ui-thermometer
React UI Thermometer
This is component has created with create-react-app
Demo
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 installnpm start
Licence
MIT