Outdated info.
Ref this:
Also, you may try using template-entity-row, it may be looking like this:
type: vertical-stack
cards:
- type: markdown
content: |
image
style: 'ha-card { color: red; }'
- type: entities
entities:
- type: custom:template-entity-row
name: ESPN
image: >-
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAAdCAMAAACniAOEAAAAb1BMVEXlJTT////86OnjABLlIzLnQEvkGyzrbHTlKTjlJDPsdnzkAB/lHzDkEyfkCCHjABj0srXoTFb++frjAAn2x8nvjpP4z9HiAAD97/DtgIbnRU/vk5jqYmnwmZ7uhov63d71vcDpVl/ypqnmN0P51tgohUI5AAACsElEQVRIicVW3ZqqMAxsAMtfCwKKrCAq+v7PuCmHFFga3O/c7Fxppu2kbTJUAMA7Orjx6sDg1HdXZoQL12d/Gue1LxddhMcSQCB/zAI3dGJUVSoVM8ANJfMrLg2ddLNZWo+6Ny3c0DeARxUw7B7kFdd9KYYN/MboJpLhsyM0fvwfskLkeNSSnarPRvfJ5YXn0XJn8QH6DE3Osqowui/uJHMPCi6nD5AJ3HndOELdMuXotNw5q33oHh7suiI4oK538RlU0LDcB1wGuPFzq6fZr8dij/uAEpoddqznv8Af6t5CBt0JBieRtP+MsOm4qSE6rCXPJPagUHdH3UJLN/wakszJ6Fy9cZ3aZ2ZKHUFTTb+zL9Jt0ylUeagbce3re/DFWZmq7sbYuUaR3dy+eiBda4xpKaDUTIvGWQkDv/Jzx9iNs9v2zR6kS8YYSLxfj7OVIIIde47RVFhjD/IGBkoqf5MunawqULeedeMVZIFDjxcZrKJ2MJrobOyrIUpXWHc96foN6fpTBE1ULC4pS1fwzdcX3qEY/2UT7BZxS4oqQy7n6cPZKHU00idZj3R1i7r2knADvwClGetymf8WB7rMiCK1vfEj6tqSrcrf6FKawaIyMP8tbFLdz5TF+N6wRRb/RtbWEtbzMv8Nmop0bfvak8UGFSCmS4qjZI2wgT7ZgD7WuNyc/2mru9O+pkEFpFSi8U+7KsHhZMG83FwZ963ug5Ka27dY3LjYbd8Lwxmtem5f31EZ++0L4s3pImsLf4s4L+Fpz81RB7Z9c2rfkpRM+YsH54TI1vxLxZg9VYa6OnS7TVLL9gUxsI/ndsf39QEXshUbOnSvdJkviqzKX/Q7j2f3IzaQerSyVf4b0NfG3b4gwiByI8PCUY64OITD6Gx1NkW0q339iVQ9hVo5hVKc/g37NjInOxWZTQAAAABJRU5ErkJggg==
card_mod:
style: |
state-badge {
background-size: 100%;
background-repeat: no-repeat;
background-position-y: center;
border-radius: 0%;
}
.info {
text-align: right;
}
Here the channel’s name is inside the name
property - but you may use it inside a state
too (show state & hide name in the row).
Values of the entity_picture
& friendly_name
(or state
) may be set inside a corresponding template sensor.
Same may be achieved with a conventional entity-row with a bit more card-mod
.