Besides components registering panels, users can also register panels using the
panel_custom component. This allows users to quickly build their own custom interfaces for Home Assistant.
Panels are defined as custom elements. You can use any framework that you want, as long as you wrap it up as a custom element. To quickly get started with a panel, we've created a React custom panel starter kit.
The Home Assistant frontend will pass information to your panel by setting properties on your custom element. The following properties are set:
|hass||object||Current state of Home Assistant|
|narrow||boolean||if the panel should render in narrow mode|
|panel||object||Panel information. Config is available as |
If you do need to run with ES5 support, you will need to load the ES5 custom elements adapter before defining your element: