How to add yaml to lovelace ui?

First, so sorry I really don’t know how to add this.
I create new lovelace and use UI configured.
In lovelace yaml, I have include !broadlink.yaml (broadlink switch configuration) so it understand switch.broadlink_gang_1.
But I really don’t know how to add this file to Lovelace ui configured?
Thanks for all helps.

In newer versions of HA it’s not advised to use manual yaml configuration for the frontend.

You can do 99.9% of it inside Lovelace itself.

1 Like

hi, my broadlink configuration is in broadlink.yaml like this, I use IR code to control it through RM Pro. Without this file, lovelace cannot understand broadlink, but manual YAML have “include !broadlink.yaml” can.

- platform: broadlink
  host: !secret broadlink_ip
  mac: !secret broadlink_mac
  #type: rm2_pro_plus
  switches:
    #Wifi RF switch
    - name: toilet_1st_floor
      command_on: "shQ0AAwiIgwjDCIMIwwjDAwiDCIjDAwiDCIMAAFWDCIjDCMMIwwMIgwiIgwMIiMMDCIjDAwiDCIAAAAA"
      command_off: "shQ0AAwiIgwjDCIMIwwjDAwiDCIjDAwiDCIMAAFWDCIjDCMMIwwMIgwiIgwMIiMMDCIjDAwiDCIAAAAA"

    #Broadlink TC2 left & right
    - name: left_gang_1
      command_on: "6RRGAN8JFgkJFhYJFgkJFgkWCRYJFhYJCRYWCRYJFgkWCQkWCRYJFgkWCRYWCQkWFgkWCQkWCRYWCQkWCRYWCRYJCRYWCQkAAUjpFEYA3wkWCQkWFgkWCQkWCRYJFgkWFgkJFhYJFgkWCRYJCRYJFgkWCRYJFhYJCRYWCRYJCRYJFhYJCRYJFhYJFgkJFhYJCQABSOkURgDfCRYJCRYWCRYJCRYJFgkWCRYWCQkWFgkWCRYJFgkJFgkWCRYJFgkWFgkJFhYJFgkJFgkWFgkJFgkWFgkWCQkWFgkJAAFI"
      command_off: "6RRGAN8JCRYJFgkWFgkWCQkWFgkJFhYJFgkJFhYJFgkJFhYJCRYJFgkWFgkJFgkWCRYWCRYJFgkWCRYJCRYWCRYJFgkJFgkAAUjpFEYA3wkJFgkWCRYWCRYJCRYWCQkWFgkWCQkWFgkWCQkWFgkJFgkWCRYWCQkWCRYJFhYJFgkWCRYJFgkJFhYJFgkWCQkWCQABSOkURgDfCQkWCRYJFhYJFgkJFhYJCRYWCRYJCRYWCRYJCRYWCQkWCRYJFhYJCRYJFgkWFgkWCRYJFgkWCQkWFgkWCRYJCRYJAAFI"

So how can I add this broadlink gang to Lovelace UI configured?

Oh Sorry all, I make a mistake here.
I use light card for the switch.
I change to button card, it’s OK now.
Thanks all for reading this.