Light more-info dimmer in a card?

I see there is a nice new dimmer slider when going to the more-info panel for a light. I would love to be able to add this dimmer as a card. Is it possible?

Yeah I would like that to :slight_smile:

Looks super nice.

I have tried using the custom more-info-card car to do what I want but it’s just a mess.

can you share your code?

Sure, you will need to install the more-info-card card in HACS GitHub - thomasloven/lovelace-more-info-card: 🔹 Display the more-info dialog of any entity as a lovelace card. The state-card-content styles stopped working for me at some point. I have moved away from using this on my tablet dashboard. I would still love to see it as a proper card so I can create a lighting control dashboard wioth a bunch of dimmers.

type: horizontal-stack
cards:
  - type: custom:more-info-card
    title: Master
    style: |
      state-card-content { display: none }
      ha-card {
        height: 100%
        }
    entity: light.living_room_and_lamp
  - type: custom:more-info-card
    entity: light.living_room
    title: Overhead
    style: |
      state-card-content { display: none }
      div ha-more-info-light-brightness {
        height: 50%
        }
  - type: custom:more-info-card
    title: Lamp
    style: |
      state-card-content { display: none }
      state-card-content { attributes: none }
    entity: light.living_room_lamp