# Horizontal stack et card mod

**URL:** <https://forum.hacf.fr/t/horizontal-stack-et-card-mod/63581>\
**Category:** Entraide Home Assistant\
**Tags:** interface-lovelace\
**Created:** [Juin 9, 2025, 11:19 UTC](https://forum.hacf.fr/t/horizontal-stack-et-card-mod/63581 "2025-06-09T11:19:41Z")\
**Posts on this page:** 1\
**Showing post:** 39

<div class="post-metadata">

**Author:** ![anon51798830](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/a/ce7236/32.png) [@anon51798830](https://forum.hacf.fr/u/anon51798830)\
**Post date:** [Juin 11, 2025, 5:04 UTC](https://forum.hacf.fr/t/horizontal-stack-et-card-mod/63581/39 "2025-06-11T05:04:07Z")

</div>

Salut,

@WarC0zes t’a donné la solution la plus simple (celle du background de l’icône) et @Tochy a évoqué la plus complexe (mais qiu permet d’aller plus loin).  
Tu trouveras les deux versions dans ce post : [Afficher des attribut(s) personnalisé(s) dans un carte mushroom cover - #30 par Cleya](https://forum.hacf.fr/t/afficher-des-attribut-s-personnalise-s-dans-un-carte-mushroom-cover/63509/30)

Tu peux un peu optimiser ton code en utilisant des expressions ternaires :

```auto
          - color: |
              [[[
                if (states['input_boolean.input_boolean_cumulus_hot'].state == "on") return "goldenrod";
                if (states['input_boolean.input_boolean_cumulus_hot'].state == "off") return "grey";
                else return "grey";
              ]]]

```

```auto
          - color: |
              [[[
                return (states['input_boolean.input_boolean_cumulus_hot'].state === "on") ? 'goldenrod : 'grey';
              ]]]

```

---

_[View the full topic](https://forum.hacf.fr/t/horizontal-stack-et-card-mod/63581)._