jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-27 03:07:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

2024.8: Finalize new badges

Browse Source
This commit is contained in:
Franck Nijhof 2024-08-07 17:31:33 +02:00
parent 978c54170a
commit 89bd207445
No known key found for this signature in database
GPG Key ID: D62583BA8AB11CA3
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
source/_posts/2024-08-07-release-20248.markdown
View File

@ -110,27 +110,30 @@ and revamped the badges for your dashboards!
### New badges for your dashboard ### New badges for your dashboard
We already wrote about it extensively in our [Dashboard Chapter 2 blog post](/blog/2024/07/26/dashboard-chapter-2/#new-badges) and We already wrote about it extensively in our [Dashboard Chapter 2 blog post](/blog/2024/07/26/dashboard-chapter-2/#new-badges)
this release introduces our redesigned badges! and this release introduces our redesigned badges!
This is a big revamp of the original badges that have been in Home Assistant since, well, This is a big revamp of the original badges that have been in Home Assistant
forever. The new badges are designed to match the design of the since, well, forever. The new badges are designed to match the design of the
[Mushroom] chip cards, and are [Mushroom] chip cards, and are meant to sit at the top of a dashboard view,
meant to sit at the top of a dashboard view, providing a summary of the most providing a summary of the most important information that you need to know
important information that you need to know at a glance. at a glance.
<img src="/images/blog/2024-07-dashboard-chapter-2/new-badges.png" alt="New badges sitting on top of a dashboard view!"> <img src="/images/blog/2024-07-dashboard-chapter-2/new-badges.png" alt="New badges sitting on top of a dashboard view!">
These new badges match the functionality of the previous design, but now are even more feature rich. They are of course fully configurable from the UI, allowing you to These new badges match the functionality of the previous designm but are
fully tweak them to your needs. You can specify whether the icon, name, and/or now even more feature-rich. Of course, they are fully configurable from the UI,
state will be visible, and you can configure the contents within each of them. allowing you to tweak them to your needs. You can specify whether the icon,
name, and/or state will be visible, and you can configure the contents within
each of them.
Everything can, of course, be dragged and dropped in the order you like 😎 Everything can, of course, be dragged and dropped in the order you like 😎
Not just that, the new badges also come with visibility options, the same Not just that, the new badges also come with visibility options, the same
as we have [introduced for cards in Home Assistant 2024.6](/blog/2024/06/05/release-20246/#control-visibility-of-cards). as we have [introduced for cards in Home Assistant 2024.6](/blog/2024/06/05/release-20246/#control-visibility-of-cards).
This means you can show or hide them based on who is viewing the dashboard, what This means you can show or hide them based on who is viewing the dashboard, what
screen size it is displayed within, whether an entity is in a certain state, and more. screen size it is displayed within, whether an entity is in a certain state,
and more.
<img class="no-shadow" src="/images/blog/2024-08/badges-add-visibility.png" alt="Screenshots; left showing the add badge dialog wich include the custom mushroom template badge, on the right shows the visibility tab and options badges now have."> <img class="no-shadow" src="/images/blog/2024-08/badges-add-visibility.png" alt="Screenshots; left showing the add badge dialog wich include the custom mushroom template badge, on the right shows the visibility tab and options badges now have.">