This commit is contained in:
Paulus Schoutsen 2019-01-23 13:09:28 -08:00
parent 5515f6a85a
commit 75bd4e76b4
3 changed files with 17 additions and 4 deletions

View File

@ -30,6 +30,8 @@ In case you're reading this and want to give it a try right now: we've updated [
For a deep dive into all the new features, check out the [latest episode of the Home Assistant podcast](https://hasspodcast.io), featuring an interview with [Zack Arnett][@zsarnett] from the Lovelace team. For a deep dive into all the new features, check out the [latest episode of the Home Assistant podcast](https://hasspodcast.io), featuring an interview with [Zack Arnett][@zsarnett] from the Lovelace team.
For an overview of all the different features, check out the [Lovelace documentation](/lovelace/).
<sup>1</sup>: If you prefer YAML, Lovelace also includes a [YAML mode](/lovelace/yaml-mode/) that supports the use of `!include` and `!secret`. <sup>1</sup>: If you prefer YAML, Lovelace also includes a [YAML mode](/lovelace/yaml-mode/) that supports the use of `!include` and `!secret`.
## {% linkable_title History %} ## {% linkable_title History %}

View File

@ -36,11 +36,11 @@ The documentation covers beginner to advanced topics around the installation, se
</div> </div>
<div class='title'>MQTT</div> <div class='title'>MQTT</div>
</a> </a>
<a class='option-card' href='/docs/ecosystem/hadashboard/'> <a class='option-card' href='/lovelace/'>
<div class='img-container'> <div class='img-container'>
<img src='/images/supported_brands/view-dashboard.png' /> <img src='/images/supported_brands/view-dashboard.png' />
</div> </div>
<div class='title'>HADashboard</div> <div class='title'>Lovelace user interface</div>
</a> </a>
<a class='option-card' href='/docs/ecosystem/ios/'> <a class='option-card' href='/docs/ecosystem/ios/'>
<div class='img-container'> <div class='img-container'>

View File

@ -12,9 +12,20 @@ redirect_from: /components/lovelace/
Lovelace is the name of the Home Assistant user interface. It is a fast, customizable and powerful way for users to manage their homes, working both on mobile and desktop. Lovelace is the name of the Home Assistant user interface. It is a fast, customizable and powerful way for users to manage their homes, working both on mobile and desktop.
Lovelace is not the default UI just yet, but we're really close. Once you are ready to start using Lovelace UI as your main user interface, click on info, the "i" icon under 'Developer Tools" in the Home Assistant side-bar. Next, locate >>Set Lovelace as default page on this device<< under the Home Assistant version information and click it. - [24 cards](https://www.home-assistant.io/lovelace/alarm-panel/) to place and configure as you like.
- UI Editor. A configuration UI to manage your Lovelace UI including live preview when editing cards.
- Fast. Using a static config allows us to build up the UI once.
- Customizable.
- Cards have numerous options to configure how your data is presented.
- Themes; even at a per card basis.
- Ability to override names and icons of entities.
- Custom Cards from our amazing community are fully supported.
Note that this is a per-device setting and will need to be changed on each device you access the UI from. <div class='videoWrapper'>
<iframe width="560" height="315" src="https://www.youtube.com/embed/XY3R0xI45wA" frameborder="0" allowfullscreen></iframe>
</div>
To try it yourself, check out [the demo](https://demo.home-assistant.io).
## {% linkable_title Discuss Lovelace %} ## {% linkable_title Discuss Lovelace %}