Files
advanced-camera-card/docs/configuration/elements/stock/README.md
T
Dermot Duffy cc376a8be1 feat: Rename the card to advanced-camera-card (#1873)
Whilst the Frigate support in this card is the best among camera
engines, the name incorrectly suggests that Frigate is a requirement.
Instead, to broaden the appeal, change to more camera agnostic name.
This does not suggest any change in priority, role or support for
Frigate.

This change is likely to be bug prone, due to the size of the rename --
the code contains 1500+ references to "Frigate" most of which make sense
to rename, some which do not, all of which needed human assessment.

- Closes #1298


BREAKING CHANGE: References to `frigate-card` in all kinds of
configuration need to be updated to `advanced-camera-card`. An automated
config upgrade should take care of the majority of usecases (click `Edit
-> Upgrade -> Save`), though may not be perfect.
2025-02-06 19:32:32 -08:00

4.2 KiB
Raw Blame History

Stock Elements

conditional

This element will let you show its sub-elements based on entity states. See Home Assistant elements documentation.

elements:
  - type: conditional
    # [...]

custom

Custom elements provided by a card. See Home Assistant elements documentation.

elements:
  - type: custom
    # [...]

?> See Advanced Camera Card custom elements for the custom elements offered by this card.

icon

This element creates a static icon that is not linked to the state of an entity. See Home Assistant elements documentation.

elements:
  - type: icon
    # [...]

image

This creates an image element that overlays the background image. See Home Assistant elements documentation.

elements:
  - type: image
    # [...]

service-button

This entity creates a button (with arbitrary text) that can be used to call a service. See Home Assistant elements documentation.

elements:
  - type: service-button
    # [...]

state-badge

This element creates a badge representing the state of an entity. See Home Assistant elements documentation.

elements:
  - type: state-badge
    # [...]

state-icon

This element represents an entity state using an icon. See Home Assistant elements documentation.

elements:
  - type: state-icon
    # [...]

state-label

This element represents an entity’s state via text. See Home Assistant elements documentation.

elements:
  - type: state-label
    # [...]

Fully expanded reference

Actions are omitted for simplicity.

Reference: Home Assistant Picture Elements

elements:
  - type: state-badge
    entity: sensor.kitchen_dining_multisensor_air_temperature
    style:
      left: 100px
      top: 50px
    title: 'Temperature'
  - type: state-icon
    entity: light.office_main_lights
    icon: mdi:lamp
    state_color: true
    style:
      left: 100px
      top: 100px
  - type: state-label
    entity: sensor.kitchen_motion_sensor_battery
    attribute: battery_voltage
    prefix: Volts
    title: Battery Voltage
    style:
      left: 100px
      top: 150px
  - type: state-label
    entity: sensor.kitchen_motion_sensor_battery
    attribute: battery_voltage
    prefix: 'Volts: '
    title: Battery Voltage
    style:
      background-color: black
      left: 100px
      top: 200px
  - type: service-button
    title: Light on
    service: homeassistant.turn_on
    service_data:
      entity: light.office_main_lights
    style:
      left: 100px
      top: 250px
  - type: icon
    icon: mdi:cow
    title: Moo
    style:
      left: 100px
      top: 300px
  - type: image
    entity: light.office_main_lights
    title: Image
    state_image:
      on: 'https://picsum.photos/id/1003/1181/1772'
      off: 'https://picsum.photos/id/102/4320/3240'
    state_filter:
      'on': brightness(110%) saturate(1.2)
      'off': brightness(50%) hue-rotate(45deg)
    style:
      left: 100px
      top: 350px
      height: 50px
      width: 100px
  - type: conditional
    conditions:
      - condition: state
        entity: light.office_main_lights
        state: on
        state_not: off
      - condition: numeric_state
        entity: sensor.light_level
        above: 20
        below: 100
      - condition: user
        users:
          - 581fca7fdc014b8b894519cc531f9a04
    elements:
      - type: icon
        icon: mdi:dog
        title: Woof
        style:
          left: 100px
          top: 400px