Native solution in the homekit card, i also have made a solution with the button card combined with circle sensor which can be found here -> Lovelace: Button card
Here is my code from the Homekit card:
id: MobileLights
title: MobileLights
path: Mobile-Lights
panel: true
icon: mdi:lightbulb
cards:
- type: "custom:homekit-card"
useBrightness: true
useTemperature: true
titleColor: "#FFF"
enableColumns: true
statePositionTop: true
# style: |
# :host {
# --tile-background: #ff0000;
# --tile-on-background: #00ff21;
# }
rows:
- row: 1
columns:
- column: 1
# tileOnRow: 4
entities:
- title: Begane grond
entities:
- entity: light.grp_beganegrond
name: Begane grond
spin: false
icon: bha:mirror-lamp
slider: true
popup:
type: custom:light-popup-card
scenesInARow: 2
brightnessWidth: 130px
brightnessHeight: 350px
switchWidth: 110px
switchHeight: 300px
settings: true
- entity: light.grp_toilet
name: Toilet
icon: bha:ceiling-lamp
slider: true
popup:
type: custom:light-popup-card
scenesInARow: 2
brightnessWidth: 130px
brightnessHeight: 350px
switchWidth: 110px
switchHeight: 300px
settings: true