How is this ‘card’ put together?

Configuration Frontend
1

Hi Team

Looking at building a simple, yet informative, card for my ID4.
Found this simple card in a Reddit post, but it has been closed.
So, I’m hoping that there are some clever persons here that can help.

image
image2236×394 62.7 KB

How is this Card been put together ? As I can see, there is like four ‘values’ and icon in one ‘card’.

Thanks.
Joern

2

Could be two Tile cards, placed in a horizontal stack-in-card (or a similar card with seamless stack), the 2nd card is w/o an icon.

3

I would probably do it in a markdown card.
A HTML table with 3 columns.
First column is icon.
Second column is the name and then a
and the charge value.
and so on.

The table width should be 100% and the cell width can be adjusted as you like.

** Beware that images and icons in markdown cards are currently bugged. It should be solved with next core update though **

4

But it could also be a custom button card. Maybe backed by the Minimalist theme integration. That is what I used for many custom cards. Simple on the outside, but it takes some tinkering on the inside.

Could also me Mushroom cards, they have template options.

5

Thank you all… I will try to implement your solutions, and return :wink:

/Joern