A simple thermostat implemented in CSS and SVG based on Thermostat Control by Dal Hundal (@dalhundal) on CodePen
- Supports HACS installation
- Extra ambient temperature
- Allow changing of Opration mode
- Allow avoid the card background
- fix icon
- Fix the problem that the title blocks the arrow button #16
- Remove the small_i parameter and have done adaptive scaling
Search for Thermostat Card
- Download
main.jsthermostat_card.lib.jsstyles.js - Copy to
www\community\lovelace-thermostat-card - Add the following to your Lovelace resources
resources: - url: /hacsfiles/lovelace-thermostat-card/main.js type: module
- Add the following to your Lovelace config
views.cardskeyReplace- type: custom:thermostat-card entity: climate.gong_zuo_jian_kong_diao title: 工作间
climate.gong_zuo_jian_kong_diaowith your climate's entity_id and工作间with any name you'd like to name your climate with
| Name | Type | Default | Description |
|---|---|---|---|
| type | string | Required | custom:thermostat-card |
| entity | string | Required | The entity id of climate entity. Example: climate.hvac |
| title | string | optional | Card title |
| no_card | boolean | false | Set to true to avoid the card background and use the custom element in picture-elements. |
| step | number | 0.5 | The step to use when increasing or decreasing temperature |
| highlight_tap | boolean | false | Show the tap area highlight when changing temperature settings |
| chevron_size | number | 50 | Size of chevrons for temperature adjutment |
| pending | number | 3 | Seconds to wait in control mode until state changes are sent back to the server |
| idle_zone | number | 2 | Degrees of minimum difference between set points when thermostat supports both heating and cooling |
| ambient_temperature | string | optional | An entity id of a sensor to use as ambient_temperature instead of the one provided by the thermostat |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent