New Features
- Support for configuring the card size for the auto-layout feature of lovelace using
card_size
. Default value is still 3, but you can now override it. Lovelace multiplies the value by about 50px for the auto layout feature.
yaml type: custom:button-card entity: switch.my_switch card_size: 42
* Support for displaying a tooltip while hoovering the card for 1.5s using thetooltip
parameter. It supports javascript templates. You can also apply any CSS style to the tooltip (either in the mainstyles
config object or in any of thestate
entry).
yaml type: custom:button-card entity: switch.my_switch tooltip: | [[[ return entity.state ]]] styles: tooltip: - color: '[[[ return entity.state === "on" ? "red" : "green" ]]]'
or
```yaml
type: custom:button-card
entity: switch.my_switch
tooltip: |
[[[
return entity.state
]]]
state:
- value: 'on'
styles:
tooltip:
- color: red
- color: red
- value: 'off'
styles:
tooltip:
- color: green
```
- color: green
- value: 'on'