React UI Thermometer
This is component has created with create-react-app
<Thermometer theme={'light'} value={80} max={200} format={'$'} steps={3} size={'small'} height={180} />
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 |
npm install
npm start
MIT