BigNumber card

With various people requesting larger numbers for sensors we got to here. The card supports showing one big number but also severity colors with bar.

You can find the code here

Instructions

The instructions are also found on the above repo.

Download bignumber-card.js Place the file in your config/www folder Include the card code in your ui-lovelace.yaml

resources: - url: /local/bignumber-card.js?v=1 type: js

Note: You can change v=1 to a higher number whenever updating code to avoid having to clear cache in all browsers

Write configuration for the card in your ui-lovelace.yaml

- type: custom:bignumber-card title: Humidity entity: sensor.outside_humidity scale: 30px from: bottom min: 0 max: 100 severity: - value: 70 style: 'var(--label-badge-green)' - value: 90 style: 'var(--label-badge-yellow)' - value: 100 style: 'var(--label-badge-red)'

Reload your Lovelace tab (no need to restart Home Assistant or other things) and you should see the card.

FAQ: https://github.com/ciotlosm/custom-lovelace#faq

Options

Name Type Default Description type string Required custom:bignumber-card title string optional Name to display on card scale string 50px Base scale for card: ‘50px’ entity string Required sensor.my_temperature min number optional Minimum value. If specified you get bar display max number optional Maximum value. Must be specified if you added min from string left Direction from where the bar will start filling (must have min/max specified) severity list optional A list of severity objects. Items in list must be ascending based on ‘value’

Severity object

Name Type Default Description value number Required Value until which to use this severity style number Required Color of severity. Can be either hex or HA variable. Example: ‘var(–label-badge-green)’

WARNINGS