Skip to main content

Chip Card Not ready Yet

The Chip Card can be used to have a quick view on a certain sensor or light counts, but you can also use it to navigate.

Its important that you put multiple chips inside a horizontal-stack.

chip Light Chip Dark

Usage​

📄 /templates/custom_card_chip/custom_card_chip.yaml
type: horizontal-stack
cards:
  - type: custom:button-card
    template: custom_card_chip
    entity: binary_sensor.frontdoor
  - type: custom:button-card
    template: custom_card_chip
    entity: sensor.total_lights_on
    icon: mdi:lightbulb
Template
/dashboard/HaCasa/templates/custom_card_chip/custom_card_chip.yaml
custom_card_chip:
  show_name: false
  show_state: true
  show_label: false
  styles:
    grid:
      - grid-template-areas: |
          'i s'
      - grid-template-columns: min-content min-content
      - grid-template-rows: 1fr
      - column-gap: 0.3rem
    icon:
      - width: 18px
    img_cell:
      - width: 18px
      - justify-self: start
    state:
      - font-family: montserrat
      - font-weight: 600
      - font-size: 10px
    card:
      - border-radius: 12px
      - width: auto
      - height: auto
      - border-radius: 8px
      - padding: 10px
      - margin-bottom: 10px
  state:
    - value: 'on'
      icon: fapro:door-open