Icon and image types in picture-elements not working

Configuration Frontend
1

Hi,

I love the new Lovelace UI, and I am now playing with the picture-elements card. I can get most of the types to work, except for the image and icon types. Whenever I try one of these following the format specified in the documentation, I get an error where the entire configurational file shows up in red with the text similar to “incorrect element type: icon”.

Is anyone else experiencing this, or do you have suggestions for how to move forward?

Thanks.

2

Which docs are you using? Can you post a sample config?

3 
ICON ELEMENT
CONFIGURATION VARIABLES
type
(string)(Required)icon

icon
(string)(Required)Icon to display (e.g. mdi:home)

title
(string)(Optional)Icon tooltip.

entity
(string)(Optional)Entity to use for more-info/toggle

tap_action
(string)(Optional)more-info, toggle, navigate, call-service

Default value: more-info

navigation_path
(string)(Optional)Url path to navigate to (e.g. /lovelace/1)

service
(string)(Optional)Service to call (e.g. light.turn_on)

service_data
(object)(Optional)The service data to use.

style
(object)(Required)Position and style the element using CSS.

Default value: position: absolute, transform: translate(-50%, -50%)

My config:

  - title: First floor
    id: first_floor
    panel: true
    cards:
      - type: picture-elements
        image: /local/first_floor.jpg
        elements: 
          - type: icon
            icon: mdi:movie
            title: Movie mode            
            tap_action: toggle
            entity: input_boolean.movie_mode
            style:
              top: 18%
              left: 35%
4

Nevermind, I upgraded the wrong python environment.