[JS+Editor Module] Bubble Badges 2 #1984
Replies: 7 comments 19 replies
-
Bubble Badges v2.0.1
Note: The "Attribute" picker issue will be fixed in Bubble Card v3.1.0-beta.5. |
Beta Was this translation helpful? Give feedback.
-
|
Can I put Badges on horizontal-buttons-stack card? |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Bubble Badges v2.0.2
The attribute field will finally works for good in Bubble Card v3.1.0-beta.7, this issue was a lot more tricky to fix than I expected! |
Beta Was this translation helpful? Give feedback.
-
Bubble Badges v2.0.3
|
Beta Was this translation helpful? Give feedback.
-
Bubble Badges v2.0.4
|
Beta Was this translation helpful? Give feedback.
-
|
The value_template condition doesn't seem to be operating correctly. When running the template in the developer tools, “true” is output, so the template is functioning correctly. type: custom:bubble-card
card_type: button
button_type: name
sub_button:
main: []
bottom: []
name: Test
icon: mdi:alpha-t
modules:
- bubble_badges
- home-assistant-default
bubble_badges:
badges:
- color: warning
name: Fenster_Fehler
target: main_icon
icon: mdi:window-closed-variant
condition:
- condition: template
value_template: |-
{{ expand('binary_sensor.fenster_erdgeschoss')
| selectattr('state', 'in', ['unavailable', 'unknown'])
| list | count > 0 }}
Once the template is deactivated, the badge will be displayed. Edit |
Beta Was this translation helpful? Give feedback.





Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Bubble Badges 2
Version: v2.0.4
Creator: Clooos
Important
Supported cards:
Add dynamic badges to your Bubble Cards that display icons, entity states, or attributes (this v2 finally allows infinite badges on any sub-button). Badges can be placed on the main icon or on sub-buttons, and they support conditional visibility, custom colors, and animations.
What's new in v2.0.0?
This update is a fresh start for the badges system with a new name (
bubble_badges) and a much smoother workflow.Configuration
🧩 Get this Module
If you like this module and want to support my work, you can find it on my Patreon. Bubble Card keeps growing, and your support helps me spend more time adding new features and fixing bugs ❤️
A big thank you to everyone already supporting me. Your messages and feedback mean a lot and really push me to keep improving Bubble Card and releasing new features for free for the community. Cheers! 🍻
How to install
Download the module
Download the YAML file for this module from the bottom of the Patreon post.
Open your Bubble Card editor
Go to the card where you want to use the module.
Import the module
In the Modules section of the editor, click on Import from YAML, paste the contents of the downloaded YAML file, then click Import Module.
Configure as needed
Once imported, you can customize badges, conditions, colors, and animations directly in the editor or in YAML.
Screenshot:
Beta Was this translation helpful? Give feedback.
All reactions