diff --git a/docs/frontend_experiment_card_types.md b/docs/lovelace_card_types.md similarity index 100% rename from docs/frontend_experiment_card_types.md rename to docs/lovelace_card_types.md diff --git a/docs/frontend_experiment_custom_card.md b/docs/lovelace_custom_card.md similarity index 98% rename from docs/frontend_experiment_custom_card.md rename to docs/lovelace_custom_card.md index b43fde12..005b4f37 100644 --- a/docs/frontend_experiment_custom_card.md +++ b/docs/lovelace_custom_card.md @@ -2,7 +2,7 @@ title: "Custom Cards" --- -You're not just limited to the cards that we decided to include in the experimental UI. You can build and use your own! +You're not just limited to the cards that we decided to include in the Lovelace UI. You can build and use your own! ## API diff --git a/docs/frontend_experiment_index.md b/docs/lovelace_index.md similarity index 79% rename from docs/frontend_experiment_index.md rename to docs/lovelace_index.md index c08e6ba1..007ee7cd 100644 --- a/docs/frontend_experiment_index.md +++ b/docs/lovelace_index.md @@ -1,11 +1,13 @@ --- -title: "Experimental UI" +title: "Lovelace UI" sidebar_label: Introduction --- -Starting with Home Assistant 0.72, we're experimenting with a way of defining your user interface. The aproach is fundamentally different from the current approach. The old user interface relied solely on the state machine. This caused trouble as it meant that people wanted to store things in the state machine to control the user interface. That's a big violation of seperation of concern. With the new user interface, we're taking a completely different approach. All user interface configuration will live in a seperate file, controlled by the user. This allows us to build a faster user interface that is more customizable. +Starting with Home Assistant 0.72, we're experimenting with a way of defining your user interface. We're calling it the Lovelace UI. -![Visual comparison of old configuration versus new configuration](/img/en/frontend/experimental-ui-comparison.png) +The aproach is fundamentally different from the current approach. The old user interface relied solely on the state machine. This caused trouble as it meant that people wanted to store things in the state machine to control the user interface. That's a big violation of seperation of concern. With Lovelace, we're taking a completely different approach. All user interface configuration will live in a seperate file, controlled by the user. This means that we only have to build up the user interface when the UI configuration changes and can just render the states. It will also allow for more configuration options to be added. + +![Visual comparison of old configuration versus new configuration](/img/en/frontend/lovelace-ui-comparison.png) diff --git a/website/sidebars.json b/website/sidebars.json index 16edbb5d..591782a6 100644 --- a/website/sidebars.json +++ b/website/sidebars.json @@ -56,10 +56,10 @@ "frontend_creating_custom_ui", "frontend_creating_custom_panels" ], - "Experimental UI": [ - "frontend_experiment_index", - "frontend_experiment_card_types", - "frontend_experiment_custom_card" + "Lovelace UI": [ + "lovelace_index", + "lovelace_card_types", + "lovelace_custom_card" ] }, "Extending HASS": { diff --git a/website/static/img/en/frontend/experimental-ui-comparison.png b/website/static/img/en/frontend/experimental-ui-comparison.png deleted file mode 100644 index e29f3b3e..00000000 Binary files a/website/static/img/en/frontend/experimental-ui-comparison.png and /dev/null differ diff --git a/website/static/img/en/frontend/lovelace-ui-comparison.png b/website/static/img/en/frontend/lovelace-ui-comparison.png new file mode 100644 index 00000000..1d79d987 Binary files /dev/null and b/website/static/img/en/frontend/lovelace-ui-comparison.png differ