mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-04-26 22:37:36 +00:00
1833c32a2c
* Sets front matter defaults * Removes default front matter from section templates/pages * Removes default front matter from addon pages * Removes default front matter from integration pages * Removes default front matter from posts * Removes default front matter from docs pages * Removes default front matter from other pages * Fixes blog category pages
1.2 KiB
1.2 KiB
| title | description | ha_category |
|---|---|---|
| Custom Panel using React | User Interface |
This is a React implementation of TodoMVC but instead of checking off to do items, you are turning lights and switches on/off.
- It uses React to render the data.
- It hooks into Home Assistant JS which means updates pushed from the server are instantly rendered.
- It accesses properties made available from Polymer.
- It uses the user configuration for the integration in the
configuration.yamlfile for rendering. - It allows toggling the sidebar.
Download the source for React Starter Kit here. Copy the file to <config dir>/panels/ (you might have to create the directory if it doesn't exist).
Create an entry for the panel in your configuration.yaml file to enable it.
panel_custom:
- name: react
sidebar_title: TodoMVC
sidebar_icon: mdi:work
url_path: todomvc
config:
title: hello
This video shows the example in action.