[JS+Editor Module] Conditional icon badges

[Clooos]

Conditional icon badges

Version: v1.3
Creator: Clooos

Important

Unsupported cards:

• Horizontal buttons stack (can be adapted)
• Separator

This module allows you to add conditional badges to your Bubble Cards based on states and conditions.
Configure this module via the editor or in YAML, for example:

badges:
    main_icon:
        badge_1:
            icon: mdi:home
            condition:
              - condition: state
                entity_id: "person.quentin"
                state: home
        badge_2:
            entity: "sensor.quentin_battery_level"
            color: red
            condition:
              - condition: numeric_state
                entity_id: "sensor.quentin_battery_level"
                below: 10

---

🧩 Get this Module

To use this module, simply copy and paste the following configuration into your /www/bubble/bubble-modules.yaml file.

If you're already supporting my project, this module is now available on my Patreon page! If not, you can join to support my work, this helps me keep improving this huge project and creating new features.

Thank you so much ❤️

---

Screenshot:

[CrazyCatz2]

Hi, really love your cards, I'm struggling in understanding how I add this module. I installed via HACS, so didn't have the /www/bubble/bubble-modules.yaml file, so can't see where I need to add this code. Could you please help me?
Thanks

[Clooos]

Hi! Take a look in the editor of any Bubble Card, then go to Modules, everything is explained there 🙂

But if you don't use the editor, the original bubble-modules.yaml file is located in the /www/community/Bubble-Card folder, the steps to use it are also written in it.

[CrazyCatz2]

Hi, Sorry I just cannot see the Modules section in the editor, would you be able to provide me a little more help?

[Clooos]

If you don't see it, this could means that:

• You don't have cleared your browser/app cache.
• You don't have downloaded the latest beta (check the version at the bottom of the editor, it must start with v2.5.0)

The Modules are below in a card editor.

[CrazyCatz2]

Great, thank you so much! I didn't have the beta version installed.

[Clooos]

Updated to v1.2:
This should fix all the issues reported on Patreon, and probably more! This version requires at least v2.5.0-beta.6.

I also changed the RGB color picker to use a list of predefined colors for easier selection. This means you'll need to choose new colors for all the badges you've already created. Sorry for this breaking change!

Updated to v1.3:
I've just updated it to v1.3 to fix one last issue with badges that display attributes. This version requires at least v2.5.0-beta.6.