Custom: button-card

Configuration Frontend
9

Could you share your lovelace snippet for this? I’ve been looking to replicate exactly this: a garage door button with hold functionality

EDIT: Got it working

type: horizontal-stack
cards:
  - type: custom:button-card
    label: Main Garage
    styles:
      card:
        - height: 150px
      grid:
        - grid-template-areas: '"l" "i" "s" "n"'
        - grid-template-rows: min-content 1fr min-content min-content
        - grid-template-columns: 1fr
    entity: cover.garage_door
    tap_action:
      action: none
    hold_action:
      action: call-service
      service: switch.turn_on
      service_data:
        entity_id: switch.garage_main_door_opener_2
    show_state: true
    show_label: true
    size: 40%
    state:
      - color: green
        icon: mdi:garage
        value: closed
        state: CLOSED
        name: (Hold to Open)
      - color: red
        icon: mdi:garage-open
        value: open
        name: (Hold to Close)
1 Like