{"id":13583430,"url":"https://github.com/custom-cards/bignumber-card","last_synced_at":"2025-07-13T04:31:21.491Z","repository":{"id":35448268,"uuid":"187245418","full_name":"custom-cards/bignumber-card","owner":"custom-cards","description":null,"archived":false,"fork":false,"pushed_at":"2022-01-31T15:47:59.000Z","size":48,"stargazers_count":123,"open_issues_count":20,"forks_count":23,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-11-05T23:41:49.090Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/custom-cards.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-05-17T16:02:01.000Z","updated_at":"2024-09-16T09:46:02.000Z","dependencies_parsed_at":"2022-08-26T13:21:45.367Z","dependency_job_id":null,"html_url":"https://github.com/custom-cards/bignumber-card","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/custom-cards%2Fbignumber-card","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/custom-cards%2Fbignumber-card/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/custom-cards%2Fbignumber-card/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/custom-cards%2Fbignumber-card/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/custom-cards","download_url":"https://codeload.github.com/custom-cards/bignumber-card/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225855966,"owners_count":17534967,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T15:03:28.394Z","updated_at":"2024-11-22T07:08:09.475Z","avatar_url":"https://github.com/custom-cards.png","language":"JavaScript","funding_links":[],"categories":["Install from Source","JavaScript","Dashboards"],"sub_categories":["Smart Home Automation","Custom Cards"],"readme":"# Big number card \n\nA simple card to display big numbers for sensors. It also supports severity levels as background.\n\n![bignumber](https://user-images.githubusercontent.com/7738048/42536247-262b74e0-849a-11e8-8ed1-967302b73e03.gif)\n\n**Options**\n\n| Name | Type | Default | Description\n| ---- | ---- | ------- | -----------\n| type | string | **Required** | `custom:bignumber-card`\n| title | string | optional | Name to display on card\n| scale | string | 50px | Base scale for card: '50px'\n| entity | string | **Required** | `sensor.my_temperature`\n| attribute | string | optional | the entity attribute you want to display e.g. `current_temperature`.  The entity state will be shown if not defined.\n| min | number | optional | Minimum value. If specified you get bar display\n| max | number | optional | Maximum value. Must be specified if you added min\n| color | string | `var(--primary-text-color)` | Default font color. Can be either hex or HA variable. Example: 'var(--secondary-text-color)'\n| bnStyle | string| `var(--label-badge-blue)` | Default bar color. Can be either hex or HA variable. Example: 'var(--label-badge-green)'\n| from | string | left | Direction from where the bar will start filling (must have min/max specified)\n| severity | list | optional | A list of severity objects. Items in list must be ascending based on 'value'\n| hideunit | boolean | optional | hide the unit of measurement if set to true. If absent, unit of measurement will be shown\n| noneString | string | optional | String to use for value if value == None\n| noneCardClass | string | optional | CSS class to add to card if value == None\n| noneValueClass | string | optional | CSS class to add to value if value == None\n| round | int | optional | Number of decimals to round to. (If not present, do not round.)\n\n\n#### Severity object\n\n| Name | Type | Default | Description\n| ---- | ---- | ------- | -----------\n| value | number | **Required** | Value until which to use this severity\n| bnStyle | string | **Required** | Color of severity. Can be either hex or HA variable. Example: 'var(--label-badge-green)'\n| color | string | `var(--primary-text-color)` | Font color of the severity. Can be either hex or HA variable. Example: 'var(--secondary-text-color)'\n\n### WARNINGS\n- Make sure you use ascending object values to have consistent behaviour\n- Values are the upper limit until which that severity is applied\n- Note there is a **breaking change** with this release. In order to add the flexibility of using [card-mod](https://github.com/thomasloven/lovelace-card-mod) styling, the `style` configuration options have been changed to `bnStyle`.\n\n**Example**\n\n```yaml\n- type: custom:bignumber-card\n  title: Humidity\n  entity: sensor.outside_humidity\n  scale: 30px\n  from: bottom\n  min: 0\n  max: 100\n  hideunit: true\n  color: '#000000'\n  bnStyle: 'var(--label-badge-blue)'\n  severity:\n    - value: 70\n      bnStyle: 'var(--label-badge-green)'\n    - value: 90\n      bnStyle: 'var(--label-badge-yellow)'\n    - value: 100\n      bnStyle: 'var(--label-badge-red)'\n      color: '#FFFFFF'\n```\n\n### Handling None values\n\nIf your sensor may result in `None` (for instance if it is offline), you may wish to handle that separately. Here is an example, which uses [card-mod](https://github.com/thomasloven/lovelace-card-mod) to add special styling for the `None` case.\n\n\n```yaml\n- type: custom:bignumber-card\n  title: Humidity\n  entity: sensor.outside_humidity\n  scale: 30px\n  from: bottom\n  min: 0\n  max: 100\n  color: '#000000'\n  bnStyle: 'var(--label-badge-blue)' \n  severity:\n    - value: 70\n      bnStyle: 'var(--label-badge-green)'\n    - value: 90\n      bnStyle: 'var(--label-badge-yellow)'\n    - value: 100\n      bnStyle: 'var(--label-badge-red)'\n      color: '#FFFFFF'\n  noneString: Offline\n  noneCardClass: none-card-class\n  noneValueClass: none-value-class\n  style: |\n    .none-card-class {\n      background-color: yellow;\n    }\n    .none-value-class {\n      font-size: 22px !important;\n    }\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcustom-cards%2Fbignumber-card","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcustom-cards%2Fbignumber-card","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcustom-cards%2Fbignumber-card/lists"}