diff --git a/source/lovelace/index.markdown b/source/lovelace/index.markdown index 2e351a0b7c3..4e57bb8de9e 100644 --- a/source/lovelace/index.markdown +++ b/source/lovelace/index.markdown @@ -17,10 +17,10 @@ Starting with Home Assistant 0.72, we're experimenting with a new way of definin The Lovelace UI is: - - **Extremely fast**. We create the user interface when the UI configuration changes. When a state changes, we just make the UI represent the current state. - - **Extremely customizable**. We have a new file for just configuration. In the past, we declined UI specific options because they did not fit in the state machine. They will fit in a configuration file for a user interface. - - **Extremely extensible**. It's based on the web standard [custom elements](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements). Don't like the built-in cards? Make your own! Custom cards are treated the same as built-in cards and are configured the same way. [Check the docs.](https://developers.home-assistant.io/docs/en/lovelace_custom_card.html) - - **Making the backend faster**. With Lovelace, the backend will no longer need to maintain entities like groups for the sole purpose of showing them on the frontend. +- **Extremely fast**. We create the user interface when the UI configuration changes. When a state changes, we just make the UI represent the current state. +- **Extremely customizable**. We have a new file for just configuration. In the past, we declined UI specific options because they did not fit in the state machine. They will fit in a configuration file for a user interface. +- **Extremely extensible**. It's based on the web standard [custom elements](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements). Don't like the built-in cards? Make your own! Custom cards are treated the same as built-in cards and are configured the same way. [Check the docs.](https://developers.home-assistant.io/docs/en/lovelace_custom_card.html) +- **Making the backend faster**. With Lovelace, the backend will no longer need to maintain entities like groups for the sole purpose of showing them on the frontend.
@@ -28,7 +28,7 @@ The Lovelace UI is: ## {% linkable_title How it works %} -The old user interface relied solely on the state machine. This caused trouble as it meant that the state machine was now not only the source for device states, but also for user interface configuration. With Lovelace, we're taking a completely different approach. All user interface configuration will live in a seperate file, controlled by the user. +The old user interface relied solely on the state machine. This caused trouble as it meant that the state machine was now not only the source for device states, but also for user interface configuration. With Lovelace, we're taking a completely different approach. All user interface configuration will live in a separate file, controlled by the user.

Screenshot of views @@ -30,7 +30,7 @@ Screenshot of views. ## {% linkable_title Icons %} -You can use icons instead of text for your view tabs. The title in the example will be used as tooltip. +You can use icons instead of text for your view tabs. The title in the example will be used as a tooltip. ### {% linkable_title Example %} @@ -42,7 +42,7 @@ views: ## {% linkable_title Panel view %} -This type of view uses the first card in the `cards` array to expand it to ocuppy the complete view space, similar to panels. One very good practical use will be for floor plan type of cards. +This type of view uses the first card in the `cards` array to expand it to occupy the complete view space, similar to panels. One very good practical use will be for floor plan type of cards. ### {% linkable_title Example %} @@ -66,7 +66,7 @@ views: ## {% linkable_title Themes %} -You can also set a [theme](/frontend/#themes) per view. +You can also set a [theme](/frontend/#themes) per view. > Theme is currently only partially usable (font color works) @@ -80,7 +80,7 @@ views: ## {% linkable_title Custom ID %} -You can now assign a custom id to a view, for nicer navigation paths in URLs. This id allows you to deep-link navigation to this view from cards that allow `navigation_path`. +You can now assign a custom id to a view, for nicer navigation paths in URLs. This id allows you to deep-link navigation to this view from cards that allow `navigation_path`. ### {% linkable_title Example %}