Oui j’ai bien lu les parametrages et il semblerait que lorsqu’on utilise template c’est un peu different que le reste. Je met un exemple pour les personnes qui chercherait comment les parametrer
type: custom:mushroom-chips-card
chips:
- type: template
entity: input_boolean.cycle_lave_linge_en_cours
tap_action:
action: none
icon: mdi:washing-machine
card_mod:
style: |
ha-card {
border: 0px;
}
- type: template
entity: input_boolean.cycle_seche_linge_en_cours
tap_action:
action: none
icon: phu:rooms-laundry-room
card_mod:
style: |
ha-card {
border: 0px;
}
card_mod:
style:
mushroom-template-chip:nth-child(1)$: |
{% if is_state('input_boolean.cycle_lave_linge_en_cours','on') %}
ha-state-icon {
--color: #00ced1;
animation: wobbling 0.4s linear infinite alternate;
}
@keyframes wobbling {
0% {transform: rotate(-20deg);}
100% {transform: rotate(20deg);}
}
{% else %}
ha-state-icon {
--color: #393939;
}
{%endif%}
mushroom-template-chip:nth-child(2)$: |
{% if is_state('input_boolean.cycle_seche_linge_en_cours','on') %}
ha-state-icon {
--color: #00ced1;
trasnform: scale(0.5,0.5);
animation: wobbling 0.4s linear infinite alternate;
}
@keyframes wobbling {
0% {transform: rotate(-20deg);}
100% {transform: rotate(20deg);}
}
{% else %}
ha-state-icon {
--color: #393939;
}
{%endif%}
.: |
ha-card {
--chip-background: transparent;
--chip-icon-size: 28px;
border: 0px;
color: grey;
width: 10px;
padding: 0px 50px 0px -0px;
opacity: 0.8
}