[Feature] Dynamic labels

[dzikimarian]

I think that would be helpful to have dynamic data in label text. Then if you have multiple tabs (eg. various temperature graphs in each of them). You can see current temperature directly in the label. That will save you some time if, at the moment, you need only current state and not full card.

I've provided sample implementation here: #92 - fell free to let me know, what do you think about it.

[kinghat]

thanks for opening the feature request. im going to move it to the discussion area were the other feature requests are held.

[ildar170975]

Meanwhile - this functionality may be implemented by card-mod:
https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/4280

[Selim042]

This would be great if it also works for tab icons as well, very handy with the auto-entities card

[kinghat]

im sorry, if i could have merged these two i would have. please copy over your examples from your post for future reference 🙏

[Selim042]

From #134:

---

With the new todo device type, I immediately went to make tabs for different todo lists with templates to fill values, but templates don't seem to be supported in the label or icon attributes. I attached a screenshot of what is being displayed, and what I would expect as well as the yaml I would expect to work using templates.

type: custom:tabbed-card
tabs:
  - card:
      type: shopping-list
      entity: todo.shopping_list
    attributes:
      label: '{{ state_attr(''todo.shopping_list'',''friendly_name'') }}'
      icon: '{{ state_attr(''todo.shopping_list'',''icon'') }}'

Displayed:

Expected:

[Selim042]

And this is my full card using auto-entities, as I would expect it to work with templates:

type: custom:auto-entities
filter:
  include:
    - domain: todo
      options:
        card:
          type: shopping-list
          entity: this.entity_id
        attributes:
          label: '{{ state_attr(''todo.shopping_list'',''friendly_name'') }}'
          icon: '{{ state_attr(''todo.shopping_list'',''icon'') }}'
  exclude: []
show_empty: true
card_param: tabs
card:
  type: custom:tabbed-card
  options: {}