🌻 Lovelace UI • Minimalist

Share your Projects! Dashboards & Frontend
,
42

Thank you it is just beautiful and easy to use.

I have created a specific card for my ligths using custom:slider-card
light card

light_buttons:
  variables:
    entity: "cover.fibaro_cover_balcon"
    name: "Lumière"
  styles:
    card:
      - border-radius: 20px
      - box-shadow: var(--box-shadow)
      - padding: 12px
    grid:
      - grid-template-areas: '"item1" "item2"'
      - grid-template-columns: 1fr
      - grid-template-rows: min-content  min-content
      - row-gap: 12px
  custom_fields:
    item1:
      card:
        entity: "[[[ return variables.entity ]]]"
        name: "[[[ return variables.name ]]]"
        tap_action:
          action: call-service
          service: light.toggle
          service_data:
            entity_id: "[[[ return variables.entity ]]]"
        template:
          - icon_info
          - light
        type: "custom:button-card"
    item2:
      card:
        template: list_items_light
        type: "custom:button-card"
        custom_fields:
          item1:
            card:
              type: custom:slider-card
              entity: "[[[ return variables.entity ]]]"
              radius: 14px
              height: 42px
              mainSliderColorOff: var(--google-grey-500)
              secondarySliderColor: "rgba(var(--couleur-theme),0.05)"
              secondarySliderColorOff: "rgba(var(--couleur-theme),0.05)"
              thumbColorOff: white
          item2:
            card:
              icon: "mdi:palette"
              tap_action:
                action: more-info
              type: "custom:button-card"
              entity: "[[[ return variables.entity ]]]"
              template: widget_icon
9 Likes