🌟 Introducing the Google Components

Hi,
Sorry only just saw you replied. Units are not displayed by default on the button card. Is it possible to add them?

1 Like

Does anyone know if its possible to display ‘custom’ text in place of the state, when using a button card, with control type of state?

Something a little like this:

  - type: custom:material-button-card
    entity: binary_sensor.motion_detection_stairs
    name: Stairs
    icon: mdi:switch
    height: 97
    use_default_text: false
    show_label: true
    label: |
      [[[ 
        return (entity.state === 'off') ? 'Clear' : 'Detected';
      ]]]
    use_default_icon: true
    use_default_toggle: false
    control_type: state
    tap_action:
      action: more-info
    hold_action:
      action: toggle
    card_mod:
      style: |
        .chevron,
        ha-svg-icon.chevron {
          display: none !important;
        }
        .label {
          text-transform: capitalize !important;
        }

The above code shows the card with no state at all

Thanks for reporting this. I’m planning to address it in the next release.
At the moment, I’m working on new features and optimizations across all components.
More updates will follow shortly.

1 Like

Thank you very much for sharing. I can’t get background_color or text_color to work— is this expected? For example, this code doesn’t change anything on my side:

type: custom:material-slider-card
entity: light.bedroom
control_type: light
height: 60
border_radius: 12px
background_color: "#2c2c2c"
text_color: "#ffffff"

Hi, I’m having an issue with the thermostat card where only the title of the card is tappable to open the card’s information. Ideally, I would like to be able to tap anywhere on the body of the card to expand it and control the thermostat, but I don’t see any option for that in the setup. Any help is appreciated!

1 Like

I paid for the unlimited version but there doesn't seem to include anything extra? Is there some secret documentation somewhere or am I missing something and wasted $5? Tried the alarm card for example, but all I get is

Custom element not found: material-alarm-card

This was after installing the integration:

Hi @allistera,

Thank you so much for your purchase! Your support truly means the world to me and helps me continue developing and improving this project.

Sorry to hear you're having trouble. To make sure the premium features are active, could you please confirm if you have completely removed or uninstalled the free version before installing the paid one? Sometimes, if both versions are present or if the cache hasn't been cleared, the app might not properly recognize the upgrade.

Additionally, could you let me know what happens exactly when you try to use the alarm card? Knowing exactly what you see (or if you get an error message) will help me understand if it's a configuration issue or something else.

If you continue to experience issues, please feel free to reach out to our customer support team at [email protected] or open an issue on our GitHub repository here:

More info on the following page WebSite

I would also love to hear your feedback! Once you have everything up and running, please let me know if the issue is resolved and what you think of the Ultimate version. Your input is incredibly valuable in helping me make this tool even better for everyone.

Hi, is there a way to have a graph within the button card? Would be great to integrate charts within the button instead of using other cards like mini-graph-card. For example this is what I am talking about:

image

Hi there!

That is actually a great suggestion and it is definitely something possible to implement within the ecosystem design.

Could you please open a formal feature request issue on our official GitHub repository?

or

Please include this example and any details about how you'd imagine the layout. It helps us track requests and prioritize them for future updates!

:loudspeaker: The Discussion Has Moved to a New Thread!

Hello everyone! :house:

First of all, a huge thank you to all of you for the incredible support, feedback, and love you've shown for this project since day one.

The project has grown significantly, evolving from individual frontend components into a complete, automated backend ecosystem. To mark the release of v3.0.0 and the launch of our brand-new official integration, we have started a fresh, dedicated discussion thread to keep everything organized.

:backhand_index_pointing_right: Join the new discussion, check out the new plans (Free, Pro & Ultimate), and find the updated installation guides here:

This old thread will be closed to keep all future support, feature requests, and updates centralized in one place.
See you on the new thread! :rocket: