Hello all,
I’m trying to make a 2-row card for my ceiling fan, using button-card.
I managed to add all the wanted buttons, but i cant make it a 2-row card.
they all appear in the same row…
can anyone help ?
type: horizontal-stack
cards:
- type: custom:button-card
entity: light.test_light
color_type: card
color: rgb(102, 204, 255)
icon: mdi:fan-speed-1
name: Fan Low
size: 100%
styles:
card:
- height: 70px
- type: custom:button-card
entity: light.test_light
color_type: card
color: rgb(51, 153, 255)
name: Fan Mid
icon: mdi:fan-speed-2
size: 100%
styles:
card:
- height: 70px
- type: custom:button-card
entity: light.test_light
color_type: card
color: rgb(0, 102, 255)
size: 100%
name: Fan High
icon: mdi:fan-speed-3
styles:
card:
- height: 70px
- type: custom:button-card
entity: light.test_light
color_type: card
color: orange
size: 100%
name: Fan Off
icon: mdi:fan-off
styles:
card:
- height: 70px
- type: custom:button-card
entity: light.test_light
color_type: card
color: rgb(102, 204, 255)
icon: mdi:fan-speed-1
name: Fan Low
size: 100%
styles:
card:
- height: 70px
- type: custom:button-card
entity: light.test_light
color_type: card
color: rgb(51, 153, 255)
name: Fan Mid
icon: mdi:fan-speed-2
size: 100%
styles:
card:
- height: 70px
- type: custom:button-card
entity: light.test_light
color_type: card
color: rgb(0, 102, 255)
size: 100%
name: Fan High
icon: mdi:fan-speed-3
styles:
card:
- height: 70px
- type: custom:button-card
entity: light.test_light
color_type: card
color: orange
size: 100%
name: Fan Off
icon: mdi:ceiling-fan-light
styles:
card:
- height: 70px