Lovelace Thermostat Card
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
Preview
Update
v1.3.0
- fix icon
- Fix the problem that the title blocks the arrow button #16
- Remove the small_i parameter and have done adaptive scaling
HACS Installation
Search for Thermostat Card
Manual Installation
- 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.cardskey- type: custom:thermostat-card entity: climate.gong_zuo_jian_kong_diao title: 工作间Replace
climate.gong_zuo_jian_kong_diaowith your climate's entity_id and工作间with any name you'd like to name your climate with
- Download
Options
| 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 |