Badge Separators (Horizontal / Vertical)

Hello… I’m loving the new sections features in dashboards and love the move to update the badges. Right now I can’t bring my self to switch to the new badges over my current mushroom chips implementation because of the limited layout capabilities (between multiple badges).

I know we don’t need columns/grids/etc. for badges, that the point of them is to be front and center and simple. That said I personally do like a bit of heirarchy and separation between “tiers” of related badges.

For example, in my old dashboard using chips, I have a top row of persistent statuses of people, then a second row of “alert events”, then a third tier of more mundane states.

I think this could be most easily accomplished by creating a “separator badge”. It would appear as empty space and basically be featureless, except perhaps with the options to configure the separator as a horizontal inline space versus a separator between rows of badges.

I was after a gap and this worked. It would be easy to customize further and make a more pronounced separator.

type: custom:mod-card
card_mod:
  style: |
    .type-custom-mod-card {
      height: 0 !important;
      overflow: hidden;
    }
card:
  type: custom:mushroom-template-badge

Hope this helps.