Lovelace: Show light brightness underneath the light?

Configuration
1

I’m moving over to the Lovelace UI, but there’s something I’ve not managed to replicate from my old config.

I use Custom UI to show the light brightness underneath some lights

custom_ui_light_brightness
custom_ui_light_brightness675×640 51.9 KB



Example code:

customize:
  light.office_light:
    friendly_name: "Office Light"
    icon: mdi:ceiling-light
    custom_ui_state_card: state-card-custom-ui
    extra_data_template: >
      if (attributes.brightness) return Math.round(attributes.brightness / 2.55) + '%'; else return null;

Is there any way to do this with Lovelace, maybe somehow with secondary_info:?
2

I’m also wondering how to get custom ui greatness in lovelace

3

No way to do it currently without a custom card, secondary info only shows entity_id’s or last updated.

4

Ah, OK. Thanks.