How to add custom component to configuration.ymal

Development
1

Hi!

I am trying to create a custom component and I am currently just trying to get the hello_world example component to work from the example-custom-config repository.

So I have a folder in custom_component/hello_world and the manifest and init from the repository is placed there. My configuration.yaml looks like this:


# Loads default set of integrations. Do not remove.
default_config:

hello_world:

# Load frontend themes from the themes folder
frontend:
  themes: !include_dir_merge_named themes

automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml

When I try to add the Hello World component I get the error: “To implement this interface you must add it to the configuration.yaml”

Thanks in advance!
Best regards Max

2

I presume you are trying to add it through the UI add integration? In which case, that will not work. You need to have a config flow to be able to do that. By adding it to your config.yaml like you have, this will load it. I haven’t tested it but i imagine you need to change the hass.states.set line to be a valid entity id. Maybe create a text helper entity and change this line to write the ‘it works!’ value to it.

3

Do you know any great guide to create a custom component that can be displayed on the dashboard and so I can set the values in the card on the dashboard from my backend? I cannot really find an guide for it. I just want a simple guide to understand the Home Assistant flow and how its built.

1 Like