diff --git a/source/dashboards/index.markdown b/source/dashboards/index.markdown index 6a9165268bb..1d285deb3d8 100644 --- a/source/dashboards/index.markdown +++ b/source/dashboards/index.markdown @@ -3,30 +3,40 @@ title: "Dashboards" description: "Powerful and configurable dashboards for Home Assistant." --- -Home Assistant dashboards are a fast, customizable and powerful way for users to manage their home using their mobiles and desktops. +Home Assistant dashboards allow you to display information about your smart home. Dashboards are customizable and provide a powerful way to manage your home from your mobile or desktop. -- 29 different cards to place and configure as you like. -- Dashboard Editor: Allows you to manage your dashboard by including a live preview when editing cards. -- Fast: Using a static configuration allows us to build up the dashboard once. -- Customizable: - - Cards have a number of options which help to configure your data as required. - - Themes (even at a per card basis). - - Ability to override names and icons of entities. - - Custom Cards from our amazing community are fully supported. +You can customize your dashboard using various options: -To start, go to the Home Assistant Overview page, click on the three dots at the top right of the screen and select 'Edit Dashboard'. Then click on the blue '+ Add Card' icon at the bottom right and select a card to add. +- Different cards types to visualize your data and control your smart home devices. +- [Themes](/integrations/frontend/#defining-themes) (even at a per card basis). +- Override names and icons of entities. +- Use custom cards from our amazing community. - +

+Screencast showing how to edit a dashboard customize a vertical stack card +Screencast showing how to edit a dashboard and customize a vertical stack card. +

-To try it yourself, check out [the demo](https://demo.home-assistant.io). +## Explore the interactive demo dashboard + +Try it yourself with [the interactive demo](https://demo.home-assistant.io). + +## Get started with your own dashboard + +{% include dashboard/edit_dashboard.md %} + +For more detailed instructions, follow the step-by-step tutorial on [editing the **Overview** dashboard](/getting-started/onboarding_dashboard/). ## Discuss dashboard - Suggestions are welcome in the [frontend repository](https://github.com/home-assistant/frontend/) - For help with dashboards, join the `#frontend` channel on [our chat](/join-chat/) or [our forums](https://community.home-assistant.io/c/projects/frontend) -## Additional Resources +## Related topics -- [Community Custom Cards](https://github.com/custom-cards) -- [Home Assistant Cards](https://home-assistant-cards.bessarabov.com/) +- [Community custom cards](https://github.com/custom-cards) +- [Home Assistant cards](https://home-assistant-cards.bessarabov.com/) - [Material Design Icons](https://pictogrammers.com/library/mdi/) +- [Dashboard themes](/integrations/frontend/#defining-themes) +- [Interactive dashboard demo](https://demo.home-assistant.io) +- [Editing the **Overview** dashboard](/getting-started/onboarding_dashboard/) diff --git a/source/images/dashboards/edit-dashboard.webp b/source/images/dashboards/edit-dashboard.webp new file mode 100644 index 00000000000..8b26ed0633b Binary files /dev/null and b/source/images/dashboards/edit-dashboard.webp differ