mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-27 03:07:14 +00:00
🚜 Removes lists from Lovelace examples (#8570)
This commit is contained in:
Franck Nijhof
Fabian Affolter
parent
98ea438d47
commit
a41ea11d9e
@ -18,8 +18,8 @@ Screenshot of the Alarm Panel card.
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: alarm-panel
|
type: alarm-panel
|
||||||
entity: alarm_control_panel.alarm
|
entity: alarm_control_panel.alarm
|
||||||
```
|
```
|
||||||
|
|
||||||
{% configuration %}
|
{% configuration %}
|
||||||
@ -70,12 +70,12 @@ Screenshot of the Alarm Panel card.
|
|||||||
Define the State List:
|
Define the State List:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: alarm-panel
|
type: alarm-panel
|
||||||
name: House Alarm
|
name: House Alarm
|
||||||
entity: alarm_control_panel.alarm
|
entity: alarm_control_panel.alarm
|
||||||
states:
|
states:
|
||||||
- arm_home
|
- arm_home
|
||||||
- arm_away
|
- arm_away
|
||||||
- arm_night
|
- arm_night
|
||||||
- armed_custom_bypass
|
- armed_custom_bypass
|
||||||
```
|
```
|
||||||
|
|||||||
@ -47,18 +47,18 @@ Note: Conditions with more than one entity are treated as an 'and' condition. Th
|
|||||||
### {% linkable_title Examples %}
|
### {% linkable_title Examples %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: conditional
|
type: conditional
|
||||||
conditions:
|
conditions:
|
||||||
- entity: light.bed_light
|
- entity: light.bed_light
|
||||||
state: "on"
|
state: "on"
|
||||||
- entity: switch.decorative_lights
|
- entity: switch.decorative_lights
|
||||||
state_not: "off"
|
state_not: "off"
|
||||||
card:
|
card:
|
||||||
type: entities
|
type: entities
|
||||||
entities:
|
entities:
|
||||||
- device_tracker.demo_paulus
|
- device_tracker.demo_paulus
|
||||||
- cover.kitchen_window
|
- cover.kitchen_window
|
||||||
- group.kitchen
|
- group.kitchen
|
||||||
- lock.kitchen_door
|
- lock.kitchen_door
|
||||||
- light.bed_light
|
- light.bed_light
|
||||||
```
|
```
|
||||||
|
|||||||
@ -155,35 +155,35 @@ icon:
|
|||||||
Entity rows:
|
Entity rows:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: entities
|
type: entities
|
||||||
title: Entities card sample
|
title: Entities card sample
|
||||||
show_header_toggle: true
|
show_header_toggle: true
|
||||||
entities:
|
entities:
|
||||||
- entity: alarm_control_panel.alarm
|
- entity: alarm_control_panel.alarm
|
||||||
name: Alarm Panel
|
name: Alarm Panel
|
||||||
- device_tracker.demo_paulus
|
- device_tracker.demo_paulus
|
||||||
- switch.decorative_lights
|
- switch.decorative_lights
|
||||||
- group.all_lights
|
- group.all_lights
|
||||||
- group.all_locks
|
- group.all_locks
|
||||||
```
|
```
|
||||||
|
|
||||||
Special rows:
|
Special rows:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: entities
|
type: entities
|
||||||
title: Entities card sample
|
title: Entities card sample
|
||||||
show_header_toggle: true
|
show_header_toggle: true
|
||||||
entities:
|
entities:
|
||||||
- type: call-service
|
- type: call-service
|
||||||
icon: mdi:power
|
icon: mdi:power
|
||||||
name: Bed light
|
name: Bed light
|
||||||
action_name: Toggle light
|
action_name: Toggle light
|
||||||
service: light.toggle
|
service: light.toggle
|
||||||
service_data:
|
service_data:
|
||||||
entity_id: light.bed_light
|
entity_id: light.bed_light
|
||||||
- type: divider
|
- type: divider
|
||||||
- type: weblink
|
- type: weblink
|
||||||
name: Home Assistant
|
name: Home Assistant
|
||||||
url: https://www.home-assistant.io/
|
url: https://www.home-assistant.io/
|
||||||
icon: mdi:home-assistant
|
icon: mdi:home-assistant
|
||||||
```
|
```
|
||||||
|
|||||||
@ -18,12 +18,8 @@ Screenshot of the Entity Button card.
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: entity-button
|
type: entity-button
|
||||||
entity: light.living_room
|
entity: light.living_room
|
||||||
- type: entity-button
|
|
||||||
entity: light.office
|
|
||||||
- type: entity-button
|
|
||||||
entity: light.bedroom
|
|
||||||
```
|
```
|
||||||
|
|
||||||
{% configuration %}
|
{% configuration %}
|
||||||
@ -106,14 +102,14 @@ theme:
|
|||||||
Title and Script Service Example:
|
Title and Script Service Example:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: entity-button
|
type: entity-button
|
||||||
name: Turn Off Lights
|
name: Turn Off Lights
|
||||||
tap_action:
|
tap_action:
|
||||||
action: call-service
|
action: call-service
|
||||||
service: script.turn_on
|
service: script.turn_on
|
||||||
service_data:
|
service_data:
|
||||||
entity_id: script.turn_off_lights
|
entity_id: script.turn_off_lights
|
||||||
entity: script.turn_off_lights
|
entity: script.turn_off_lights
|
||||||
```
|
```
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
|
|||||||
@ -48,29 +48,29 @@ show_empty:
|
|||||||
|
|
||||||
Show only active switches or lights in the house
|
Show only active switches or lights in the house
|
||||||
```yaml
|
```yaml
|
||||||
- type: entity-filter
|
type: entity-filter
|
||||||
entities:
|
entities:
|
||||||
- entity: light.bed_light
|
- entity: light.bed_light
|
||||||
name: Bed
|
name: Bed
|
||||||
- light.kitchen_lights
|
- light.kitchen_lights
|
||||||
- light.ceiling_lights
|
- light.ceiling_lights
|
||||||
state_filter:
|
state_filter:
|
||||||
- "on"
|
- "on"
|
||||||
```
|
```
|
||||||
|
|
||||||
Show only people that are at home using [glance](/lovelace/glance/):
|
Show only people that are at home using [glance](/lovelace/glance/):
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: entity-filter
|
type: entity-filter
|
||||||
entities:
|
entities:
|
||||||
- device_tracker.demo_paulus
|
- device_tracker.demo_paulus
|
||||||
- device_tracker.demo_anne_therese
|
- device_tracker.demo_anne_therese
|
||||||
- device_tracker.demo_home_boy
|
- device_tracker.demo_home_boy
|
||||||
state_filter:
|
state_filter:
|
||||||
- home
|
- home
|
||||||
card:
|
card:
|
||||||
type: glance
|
type: glance
|
||||||
title: People at home
|
title: People at home
|
||||||
```
|
```
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
|
|||||||
@ -18,8 +18,8 @@ Screenshot of the gauge card.
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: gauge
|
type: gauge
|
||||||
entity: sensor.cpu_usage
|
entity: sensor.cpu_usage
|
||||||
```
|
```
|
||||||
|
|
||||||
{% configuration %}
|
{% configuration %}
|
||||||
@ -79,10 +79,10 @@ severity:
|
|||||||
Title and Unit of Measurement Example:
|
Title and Unit of Measurement Example:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: gauge
|
type: gauge
|
||||||
name: CPU Usuage
|
name: CPU Usuage
|
||||||
unit: '%'
|
unit: '%'
|
||||||
entity: sensor.cpu_usage
|
entity: sensor.cpu_usage
|
||||||
```
|
```
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
@ -93,12 +93,12 @@ Screenshot of the gauge card with custom title and unit of measurement.
|
|||||||
Define the severity map:
|
Define the severity map:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: gauge
|
type: gauge
|
||||||
name: With Severity
|
name: With Severity
|
||||||
unit: '%'
|
unit: '%'
|
||||||
entity: sensor.cpu_usage
|
entity: sensor.cpu_usage
|
||||||
severity:
|
severity:
|
||||||
green: 0
|
green: 0
|
||||||
yellow: 45
|
yellow: 45
|
||||||
red: 85
|
red: 85
|
||||||
```
|
```
|
||||||
|
|||||||
@ -124,16 +124,16 @@ hold_action:
|
|||||||
Basic example:
|
Basic example:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: glance
|
type: glance
|
||||||
title: Glance card sample
|
title: Glance card sample
|
||||||
entities:
|
entities:
|
||||||
- binary_sensor.movement_backyard
|
- binary_sensor.movement_backyard
|
||||||
- light.bed_light
|
- light.bed_light
|
||||||
- binary_sensor.basement_floor_wet
|
- binary_sensor.basement_floor_wet
|
||||||
- sensor.outside_temperature
|
- sensor.outside_temperature
|
||||||
- light.ceiling_lights
|
- light.ceiling_lights
|
||||||
- switch.ac
|
- switch.ac
|
||||||
- lock.kitchen_door
|
- lock.kitchen_door
|
||||||
```
|
```
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
@ -144,18 +144,18 @@ Screenshot of the glance card with custom title.
|
|||||||
Define entities as objects and apply a custom name:
|
Define entities as objects and apply a custom name:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: glance
|
type: glance
|
||||||
title: Better names
|
title: Better names
|
||||||
entities:
|
entities:
|
||||||
- entity: binary_sensor.movement_backyard
|
- entity: binary_sensor.movement_backyard
|
||||||
name: Movement?
|
name: Movement?
|
||||||
- light.bed_light
|
- light.bed_light
|
||||||
- binary_sensor.basement_floor_wet
|
- binary_sensor.basement_floor_wet
|
||||||
- sensor.outside_temperature
|
- sensor.outside_temperature
|
||||||
- light.ceiling_lights
|
- light.ceiling_lights
|
||||||
- switch.ac
|
- switch.ac
|
||||||
- lock.kitchen_door
|
- lock.kitchen_door
|
||||||
- entity: switch.wall_plug_switch
|
- entity: switch.wall_plug_switch
|
||||||
tap_action:
|
tap_action:
|
||||||
action: toggle
|
action: toggle
|
||||||
```
|
```
|
||||||
|
|||||||
@ -65,10 +65,10 @@ name:
|
|||||||
## {% linkable_title Example %}
|
## {% linkable_title Example %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: history-graph
|
type: history-graph
|
||||||
title: 'My Graph'
|
title: 'My Graph'
|
||||||
entities:
|
entities:
|
||||||
- sensor.outside_temperature
|
- sensor.outside_temperature
|
||||||
- entity: media_player.lounge_room
|
- entity: media_player.lounge_room
|
||||||
name: Main player
|
name: Main player
|
||||||
```
|
```
|
||||||
|
|||||||
@ -26,14 +26,14 @@ cards:
|
|||||||
## {% linkable_title Example %}
|
## {% linkable_title Example %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: horizontal-stack
|
type: horizontal-stack
|
||||||
cards:
|
cards:
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
image: /local/bed_1.png
|
image: /local/bed_1.png
|
||||||
entity: light.ceiling_lights
|
entity: light.ceiling_lights
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
image: /local/bed_2.png
|
image: /local/bed_2.png
|
||||||
entity: light.bed_light
|
entity: light.bed_light
|
||||||
```
|
```
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
|
|||||||
@ -44,7 +44,7 @@ title:
|
|||||||
### {% linkable_title Examples %}
|
### {% linkable_title Examples %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: iframe
|
type: iframe
|
||||||
url: https://grafana.localhost/d/000000027/worldping-endpoint-summary?var-probe=All&panelId=2&fullscreen&orgId=3&theme=light
|
url: https://grafana.localhost/d/000000027/worldping-endpoint-summary?var-probe=All&panelId=2&fullscreen&orgId=3&theme=light
|
||||||
aspect_ratio: 75%
|
aspect_ratio: 75%
|
||||||
```
|
```
|
||||||
|
|||||||
@ -19,10 +19,8 @@ Screenshot of the Light card.
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: light
|
type: light
|
||||||
entity: light.bedroom
|
entity: light.bedroom
|
||||||
- type: light
|
|
||||||
entity: light.office
|
|
||||||
```
|
```
|
||||||
|
|
||||||
{% configuration %}
|
{% configuration %}
|
||||||
@ -46,12 +44,15 @@ name:
|
|||||||
Overwriting names example:
|
Overwriting names example:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: light
|
type: light
|
||||||
entity: light.bedroom
|
entity: light.bedroom
|
||||||
name: Kids Bedroom
|
name: Kids Bedroom
|
||||||
- type: light
|
```
|
||||||
entity: light.office
|
|
||||||
name: My Office
|
```yaml
|
||||||
|
type: light
|
||||||
|
entity: light.office
|
||||||
|
name: My Office
|
||||||
```
|
```
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
|
|||||||
@ -58,18 +58,18 @@ default_zoom:
|
|||||||
## {% linkable_title Examples %}
|
## {% linkable_title Examples %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: map
|
type: map
|
||||||
aspect_ratio: 16:9
|
aspect_ratio: 16:9
|
||||||
default_zoom: 8
|
default_zoom: 8
|
||||||
entities:
|
entities:
|
||||||
- device_tracker.demo_paulus
|
- device_tracker.demo_paulus
|
||||||
- zone.home
|
- zone.home
|
||||||
```
|
```
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: map
|
type: map
|
||||||
geo_location_sources:
|
geo_location_sources:
|
||||||
- nsw_rural_fire_service_feed
|
- nsw_rural_fire_service_feed
|
||||||
entities:
|
entities:
|
||||||
- zone.home
|
- zone.home
|
||||||
```
|
```
|
||||||
|
|||||||
@ -36,9 +36,9 @@ title:
|
|||||||
## {% linkable_title Example %}
|
## {% linkable_title Example %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: markdown
|
type: markdown
|
||||||
content: >
|
content: >
|
||||||
## Lovelace
|
## Lovelace
|
||||||
|
|
||||||
Starting with Home Assistant 0.72, we're experimenting with a new way of defining your interface. We're calling it the **Lovelace UI**.
|
Starting with Home Assistant 0.72, we're experimenting with a new way of defining your interface. We're calling it the **Lovelace UI**.
|
||||||
```
|
```
|
||||||
|
|||||||
@ -31,6 +31,6 @@ entity:
|
|||||||
## {% linkable_title Example %}
|
## {% linkable_title Example %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: media-control
|
type: media-control
|
||||||
entity: media_player.lounge_room
|
entity: media_player.lounge_room
|
||||||
```
|
```
|
||||||
|
|||||||
@ -461,91 +461,91 @@ hold_action:
|
|||||||
## {% linkable_title Example %}
|
## {% linkable_title Example %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: picture-elements
|
type: picture-elements
|
||||||
image: /local/floorplan.png
|
image: /local/floorplan.png
|
||||||
elements:
|
elements:
|
||||||
- type: state-icon
|
- type: state-icon
|
||||||
tap_action:
|
tap_action:
|
||||||
action: toggle
|
action: toggle
|
||||||
entity: light.ceiling_lights
|
entity: light.ceiling_lights
|
||||||
style:
|
style:
|
||||||
top: 47%
|
top: 47%
|
||||||
left: 42%
|
left: 42%
|
||||||
- type: state-icon
|
- type: state-icon
|
||||||
tap_action:
|
tap_action:
|
||||||
action: toggle
|
action: toggle
|
||||||
entity: light.kitchen_lights
|
entity: light.kitchen_lights
|
||||||
style:
|
style:
|
||||||
top: 30%
|
top: 30%
|
||||||
left: 15%
|
left: 15%
|
||||||
- type: state-label
|
- type: state-label
|
||||||
entity: sensor.outside_temperature
|
entity: sensor.outside_temperature
|
||||||
style:
|
style:
|
||||||
top: 82%
|
top: 82%
|
||||||
left: 79%
|
left: 79%
|
||||||
- type: service-button
|
- type: service-button
|
||||||
title: Turn lights off
|
title: Turn lights off
|
||||||
style:
|
style:
|
||||||
top: 95%
|
top: 95%
|
||||||
left: 60%
|
left: 60%
|
||||||
service: homeassistant.turn_off
|
service: homeassistant.turn_off
|
||||||
service_data:
|
service_data:
|
||||||
entity_id: group.all_lights
|
entity_id: group.all_lights
|
||||||
- type: icon
|
- type: icon
|
||||||
icon: mdi:home
|
icon: mdi:home
|
||||||
tap_action:
|
tap_action:
|
||||||
action: navigate
|
action: navigate
|
||||||
navigation_path: /lovelace/0
|
navigation_path: /lovelace/0
|
||||||
style:
|
style:
|
||||||
top: 10%
|
top: 10%
|
||||||
left: 10%
|
left: 10%
|
||||||
```
|
```
|
||||||
|
|
||||||
## {% linkable_title Images Example %}
|
## {% linkable_title Images Example %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: picture-elements
|
type: picture-elements
|
||||||
image: /local/floorplan.png
|
image: /local/floorplan.png
|
||||||
elements:
|
elements:
|
||||||
# state_image & state_filter - toggle on click
|
# state_image & state_filter - toggle on click
|
||||||
- type: image
|
- type: image
|
||||||
entity: light.living_room
|
entity: light.living_room
|
||||||
tap_action:
|
tap_action:
|
||||||
action: toggle
|
action: toggle
|
||||||
image: /local/living_room.png
|
image: /local/living_room.png
|
||||||
state_image:
|
state_image:
|
||||||
"off": /local/living_room_off.png
|
"off": /local/living_room_off.png
|
||||||
filter: saturate(.8)
|
filter: saturate(.8)
|
||||||
state_filter:
|
state_filter:
|
||||||
"on": brightness(120%) saturate(1.2)
|
"on": brightness(120%) saturate(1.2)
|
||||||
style:
|
|
||||||
top: 25%
|
|
||||||
left: 75%
|
|
||||||
width: 15%
|
|
||||||
# Camera, red border, rounded-rectangle - show more-info on click
|
|
||||||
- type: image
|
|
||||||
entity: camera.driveway_camera
|
|
||||||
camera_image: camera.driveway_camera
|
|
||||||
style:
|
style:
|
||||||
top: 5%
|
top: 25%
|
||||||
left: 10%
|
|
||||||
width: 10%
|
|
||||||
border: 2px solid red
|
|
||||||
border-radius: 10%
|
|
||||||
# Single image, state_filter - call-service on click
|
|
||||||
- type: image
|
|
||||||
entity: media_player.living_room
|
|
||||||
tap_action:
|
|
||||||
action: call-service
|
|
||||||
service: media_player.media_play_pause
|
|
||||||
service_data:
|
|
||||||
entity_id: media_player.living_room
|
|
||||||
image: /local/television.jpg
|
|
||||||
filter: brightness(5%)
|
|
||||||
state_filter:
|
|
||||||
playing: brightness(100%)
|
|
||||||
style:
|
|
||||||
top: 40%
|
|
||||||
left: 75%
|
left: 75%
|
||||||
width: 5%
|
width: 15%
|
||||||
|
# Camera, red border, rounded-rectangle - show more-info on click
|
||||||
|
- type: image
|
||||||
|
entity: camera.driveway_camera
|
||||||
|
camera_image: camera.driveway_camera
|
||||||
|
style:
|
||||||
|
top: 5%
|
||||||
|
left: 10%
|
||||||
|
width: 10%
|
||||||
|
border: 2px solid red
|
||||||
|
border-radius: 10%
|
||||||
|
# Single image, state_filter - call-service on click
|
||||||
|
- type: image
|
||||||
|
entity: media_player.living_room
|
||||||
|
tap_action:
|
||||||
|
action: call-service
|
||||||
|
service: media_player.media_play_pause
|
||||||
|
service_data:
|
||||||
|
entity_id: media_player.living_room
|
||||||
|
image: /local/television.jpg
|
||||||
|
filter: brightness(5%)
|
||||||
|
state_filter:
|
||||||
|
playing: brightness(100%)
|
||||||
|
style:
|
||||||
|
top: 40%
|
||||||
|
left: 75%
|
||||||
|
width: 5%
|
||||||
```
|
```
|
||||||
|
|||||||
@ -113,17 +113,17 @@ hold_action:
|
|||||||
Basic example:
|
Basic example:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: picture-entity
|
type: picture-entity
|
||||||
entity: light.bed_light
|
entity: light.bed_light
|
||||||
image: /local/bed_light.png
|
image: /local/bed_light.png
|
||||||
```
|
```
|
||||||
|
|
||||||
Different images for each state:
|
Different images for each state:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: picture-entity
|
type: picture-entity
|
||||||
entity: light.bed_light
|
entity: light.bed_light
|
||||||
state_image:
|
state_image:
|
||||||
"on": /local/bed_light_on.png
|
"on": /local/bed_light_on.png
|
||||||
"off": /local/bed_light_off.png
|
"off": /local/bed_light_off.png
|
||||||
```
|
```
|
||||||
|
|||||||
@ -125,47 +125,47 @@ icon:
|
|||||||
## {% linkable_title Examples %}
|
## {% linkable_title Examples %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: picture-glance
|
type: picture-glance
|
||||||
title: Living room
|
title: Living room
|
||||||
entities:
|
entities:
|
||||||
- switch.decorative_lights
|
- switch.decorative_lights
|
||||||
- light.ceiling_lights
|
- light.ceiling_lights
|
||||||
- lock.front_door
|
- lock.front_door
|
||||||
- binary_sensor.movement_backyard
|
- binary_sensor.movement_backyard
|
||||||
- binary_sensor.basement_floor_wet
|
- binary_sensor.basement_floor_wet
|
||||||
image: /local/living_room.png
|
image: /local/living_room.png
|
||||||
```
|
```
|
||||||
|
|
||||||
Display a camera image as background:
|
Display a camera image as background:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: picture-glance
|
type: picture-glance
|
||||||
title: Living room
|
title: Living room
|
||||||
entities:
|
entities:
|
||||||
- switch.decorative_lights
|
- switch.decorative_lights
|
||||||
- light.ceiling_lights
|
- light.ceiling_lights
|
||||||
camera_image: camera.demo_camera
|
camera_image: camera.demo_camera
|
||||||
```
|
```
|
||||||
|
|
||||||
Display a camera image without additional entities:
|
Display a camera image without additional entities:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: picture-glance
|
type: picture-glance
|
||||||
title: Front garden
|
title: Front garden
|
||||||
entities: []
|
entities: []
|
||||||
camera_image: camera.front_garden_camera
|
camera_image: camera.front_garden_camera
|
||||||
```
|
```
|
||||||
|
|
||||||
Use different images based on entity state:
|
Use different images based on entity state:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: picture-glance
|
type: picture-glance
|
||||||
title: Living room
|
title: Living room
|
||||||
entities:
|
entities:
|
||||||
- switch.decorative_lights
|
- switch.decorative_lights
|
||||||
- light.ceiling_lights
|
- light.ceiling_lights
|
||||||
state_image:
|
state_image:
|
||||||
"on": /local/living_room_on.png
|
"on": /local/living_room_on.png
|
||||||
"off": /local/living_room_off.png
|
"off": /local/living_room_off.png
|
||||||
entity: group.living.room
|
entity: group.living.room
|
||||||
```
|
```
|
||||||
|
|||||||
@ -83,11 +83,11 @@ hold_action:
|
|||||||
Navigate to another view:
|
Navigate to another view:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: picture
|
type: picture
|
||||||
image: /local/home.jpg
|
image: /local/home.jpg
|
||||||
tap_action:
|
tap_action:
|
||||||
action: navigate
|
action: navigate
|
||||||
navigation_path: /lovelace/home
|
navigation_path: /lovelace/home
|
||||||
```
|
```
|
||||||
|
|
||||||
Check the [views](/lovelace/views/) setup on how to setup custom IDs.
|
Check the [views](/lovelace/views/) setup on how to setup custom IDs.
|
||||||
@ -95,9 +95,9 @@ Check the [views](/lovelace/views/) setup on how to setup custom IDs.
|
|||||||
Toggle entity using a service:
|
Toggle entity using a service:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: picture
|
type: picture
|
||||||
image: /local/light.png
|
image: /local/light.png
|
||||||
service: light.toggle
|
service: light.toggle
|
||||||
service_data:
|
service_data:
|
||||||
entity_id: light.ceiling_lights
|
entity_id: light.ceiling_lights
|
||||||
```
|
```
|
||||||
|
|||||||
@ -36,6 +36,6 @@ name:
|
|||||||
## {% linkable_title Example %}
|
## {% linkable_title Example %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: plant-status
|
type: plant-status
|
||||||
entity: plant.bonsai
|
entity: plant.bonsai
|
||||||
```
|
```
|
||||||
|
|||||||
@ -61,7 +61,7 @@ theme:
|
|||||||
## {% linkable_title Example %}
|
## {% linkable_title Example %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: sensor
|
type: sensor
|
||||||
entity: sensor.illumination
|
entity: sensor.illumination
|
||||||
name: Illumination
|
name: Illumination
|
||||||
```
|
```
|
||||||
|
|||||||
@ -20,7 +20,7 @@ Screenshot of the Shopping List card.
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: shopping-list
|
type: shopping-list
|
||||||
```
|
```
|
||||||
|
|
||||||
{% configuration %}
|
{% configuration %}
|
||||||
@ -39,6 +39,6 @@ title:
|
|||||||
Title Example:
|
Title Example:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: shopping-list
|
type: shopping-list
|
||||||
title: Shopping List
|
title: Shopping List
|
||||||
```
|
```
|
||||||
|
|||||||
@ -36,6 +36,6 @@ name:
|
|||||||
## {% linkable_title Example %}
|
## {% linkable_title Example %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: thermostat
|
type: thermostat
|
||||||
entity: climate.nest
|
entity: climate.nest
|
||||||
```
|
```
|
||||||
|
|||||||
@ -28,14 +28,14 @@ cards:
|
|||||||
Basic example:
|
Basic example:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: vertical-stack
|
type: vertical-stack
|
||||||
cards:
|
cards:
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
entity: camera.demo_camera
|
entity: camera.demo_camera
|
||||||
show_info: false
|
show_info: false
|
||||||
- type: entities
|
- type: entities
|
||||||
entities:
|
entities:
|
||||||
- binary_sensor.movement_backyard
|
- binary_sensor.movement_backyard
|
||||||
```
|
```
|
||||||
|
|
||||||
<p class="img">
|
<p class="img">
|
||||||
@ -46,19 +46,19 @@ Basic example:
|
|||||||
Combination of vertical and horizontal stack card:
|
Combination of vertical and horizontal stack card:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: vertical-stack
|
type: vertical-stack
|
||||||
cards:
|
cards:
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
entity: group.all_lights
|
entity: group.all_lights
|
||||||
image: /local/house.png
|
image: /local/house.png
|
||||||
- type: horizontal-stack
|
- type: horizontal-stack
|
||||||
cards:
|
cards:
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
entity: light.ceiling_lights
|
entity: light.ceiling_lights
|
||||||
image: /local/bed_1.png
|
image: /local/bed_1.png
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
entity: light.bed_light
|
entity: light.bed_light
|
||||||
image: /local/bed_2.png
|
image: /local/bed_2.png
|
||||||
```
|
```
|
||||||
|
|
||||||
<p class="img">
|
<p class="img">
|
||||||
|
|||||||
@ -36,8 +36,8 @@ name:
|
|||||||
{% linkable_title Example %}
|
{% linkable_title Example %}
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- type: weather-forecast
|
type: weather-forecast
|
||||||
entity: weather.dark_sky
|
entity: weather.dark_sky
|
||||||
```
|
```
|
||||||
|
|
||||||
<p class="note">
|
<p class="note">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user