button-card
button-card copied to clipboard
Full size button image. Example
Love the project. I ended up tweaking my styling to provide a full image toggle button. There wasn't any existing example. Thought it might be nice to include.
- type: "custom:button-card"
entity: switch.jasco_products_14288_duplex_receptacle_switch_4
show_entity_picture: true
show_name: false
show_icon: true
style:
- padding: 0px
styles:
entity_picture:
- width: 100%
- padding-bottom: 0%
entity_picture: "/local/images/PatioLightsOff.jpg"
state:
- value: 'on'
entity_picture: "/local/images/PatioLightsOn.jpg"
Thanks, I'll integrate this into the documentation!
@EliSchleifer, would you mind sharing a gif of the result please?
[](url)
https://user-images.githubusercontent.com/6599039/203659318-679a84de-b170-47e4-b018-620a152f8583.mp4
here you go
@dvbit Could you share the code and animated gifs behind the video you've shown please? I'd like to do this too. Thanks.