Badge container card - Place badges anywhere

Badge horizontal container card

Hello there,
I’ve always wanted to place badges, introduced in 2024.8, anywhere on the dashboard like Mushroom chips card. So I’ve created this simple card for doing just that.

Features:

  • Visual editor
  • Custom badges support
  • left, center, right badges alignment
8 Likes

Great work - thanks a lot! This is exactly what I was looking for.

Any chance you can extend the visual editor to also include the “Visibility” section for each badge?

Here’s what I came up with, unfortunately I can’t change the text inside so it will be a bit misleading mentioning card instead of badge.


Thanks a lot, you are incredibly quick. Already using it - that is just perfect!

Another potential improvement could be the list of badges


It is hard to distinguish them and select the right one. Maybe you can add some context for each element, like the used entity? mushroom-chips-card does something like this:

Thanks again

Great, works like a charm :raised_hands:t2:

A code Editor for each entities would be great

New release v0.3.0

  • Added YAML editor for individual badges as togglable button
  • Selected entity is now displayed under the badge name in the list
  • Fixed editor when using entity badge with type entity

Hi,
thanks a lot @selvalt7 image
I have been looking for this possibility for almost a year.

Thanks a lot!

Neat card. Browser Mod will be coming out with tile and badge (wrapper around stcok tile and badge) that can show the local Browser entities e.g. BrowserID, user, panel, path etc . I am sure users will want to place a badge anywhere so I will mention in release notes when these get released.

3 Likes

nice, always god to have options.

we can do it like this too though, all stock cards and a bit of card_mod (updated to 4.0.0)
Add badges (old style and modern) anywhere (and use only card_mod)