This card can show and hide a specific card on current device while not affecting other windows. It does not require any integration to run.
| Key | Type | Required | Default | Description |
|---|---|---|---|---|
id |
string |
true |
- | Identifier of a card, used in service calls. Must be unique! |
card |
card |
true |
- | Configuration of a nested card |
default |
string |
false |
hide |
Default card behaviour. Possible values: [show, hide]. |
This card adds 4 new services that can be used ONLY from UI:
local_conditional_card.show- shows specified cardslocal_conditional_card.hide- hides specified cardslocal_conditional_card.toggle- changes visibility of specified cardslocal_conditional_card.set- sets visibility of specified cards
Each of these services requires a parameter ids that should contain a list:
service: local_conditional_card.show:
service_data:
ids:
- id_1
- id_2service: local_conditional_card.hide:
service_data:
ids:
- id_1
- id_2service: local_conditional_card.toggle:
service_data:
ids:
- id_1
- id_2service: local_conditional_card.set:
service_data:
ids:
- id_1: true
- id_2: false
views:
- name: Example
cards:
- type: 'custom:local-conditional-card'
default: show
id: sun1
card:
entities:
- sun.sun
title: Sun 1
type: entities
- type: 'custom:local-conditional-card'
id: sun2
card:
entities:
- sun.sun
title: Sun 2
type: entities
- title: Click test
type: entities
entities:
- action_name: Toggle
icon: 'mdi:power'
name: Sun1
service: local_conditional_card.toggle
service_data:
ids:
- sun1
type: call-service
- action_name: Show
icon: 'mdi:power'
name: Sun1
service: local_conditional_card.show
service_data:
ids:
- sun1
type: call-service
- action_name: Hide
icon: 'mdi:power'
name: Sun1
service: local_conditional_card.hide
service_data:
ids:
- sun1
type: call-service
- action_name: Hide All
icon: 'mdi:power'
name: Suns
service: local_conditional_card.hide
service_data:
ids:
- sun1
- sun2
type: call-service
- action_name: Toggle
icon: 'mdi:power'
name: Sun2
service: local_conditional_card.toggle
service_data:
ids:
- sun2
type: call-service
- action_name: Show
icon: 'mdi:power'
name: Sun2
service: local_conditional_card.show
service_data:
ids:
- sun2
type: call-service
- action_name: Hide
icon: 'mdi:power'
name: Sun2
service: local_conditional_card.hide
service_data:
ids:
- sun2
type: call-service- Download local-conditional-card.js to
/www/custom_lovelace/local_conditional_carddirectory:mkdir -p www/custom_lovelace/local_conditional_card cd www/custom_lovelace/local_conditional_card/ wget https://github.com/PiotrMachowski/Home-Assistant-Lovelace-Local-Conditional-card/raw/master/dist/local-conditional-card.js - Add card to resources in
ui-lovelace.yamlor in raw editor if you are using frontend UI editor:resources: - url: /local/custom_lovelace/local_conditional_card/local-conditional-card.js type: module
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent