mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-15 21:36:52 +00:00
2024.10: Finalize heading in the right direction section
This commit is contained in:
parent
7ec9f8bee9
commit
ebc366567f
@ -58,23 +58,41 @@ Enjoy the release!
|
||||
|
||||
## Heading in the right direction
|
||||
|
||||
Update after update [Sections](/dashboards/sections/) continues to become a customization powerhouse, and this month is no exception. Section titles are being replaced with their own card, called the heading card. Making them a card rather than an inline title gives you a lot more flexibility, allowing you to put them nearly anywhere. The heading card can be used to make titles, but also subtitles, which are half the height and have smaller, lighter text. So, if you have ever had a section that needs to be subdivided, slap a subtitle in there.
|
||||
Update after update [Sections] continues to become a customization powerhouse,
|
||||
and this month is no exception. Section titles are replaced with their own card,
|
||||
called the heading card. Making them a card rather than an inline title gives
|
||||
you a lot more flexibility, allowing you to put them nearly anywhere.
|
||||
|
||||

|
||||
The heading card can be used to make titles, but also subtitles, which are half
|
||||
the height and have smaller, lighter text. So, if you have ever had a section
|
||||
that needs to be subdivided, slap a subtitle in there.
|
||||
|
||||
Titles and subtitles can be made clickable, displaying a chevron `›` when you can interact with them. This can perform an action or navigate to a subpage, like having an energy section title navigate to the full energy dashboard.
|
||||

|
||||
|
||||
Best of all, if you've already added titles to your sections, they will be migrated automatically to the new card.
|
||||
Titles and subtitles can be made clickable, displaying a chevron
|
||||
{% icon "mdi:chevron-right" %} when you can interact with them. This can
|
||||
perform an action or navigate to a subpage, like having an energy section title
|
||||
navigate to the full energy dashboard.
|
||||
|
||||
Best of all, if you've already added titles to your sections, they will be
|
||||
migrated automatically to the new card. 😎
|
||||
|
||||
[Sections]: /dashboards/sections/
|
||||
|
||||
### Another headline feature
|
||||
|
||||
We had such a fantastic reaction when we released our [renewed badges](/dashboards/badges/), and this new heading card has something very similar and equally as visually appealing. It can show multiple entity states to the right of the title or subtitle.
|
||||
We had such a fantastic reaction when we released our [renewed badges],
|
||||
and this new heading card has something very similar and equally as visually
|
||||
appealing. It can show multiple entity states to the right of the title or
|
||||
subtitle.
|
||||
|
||||

|
||||

|
||||
|
||||
Either in a subtle "no color" default or add a splash of color when the entity is in an active state. Other customization options for these entities include changing the icon, visibility, and what happens when you click it.
|
||||
Either in a subtle "no color" default or add a splash of color when the entity
|
||||
is in an active state. Other customization options for these entities include
|
||||
changing the icon, visibility, and what happens when you select it.
|
||||
|
||||

|
||||
[renewed badges]: /dashboards/badges/
|
||||
|
||||
## Repairs for long-term statistics
|
||||
|
||||
|
BIN
source/images/blog/2024-10/heading-with-entities.png
Normal file
BIN
source/images/blog/2024-10/heading-with-entities.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 38 KiB |
BIN
source/images/blog/2024-10/headings.png
Normal file
BIN
source/images/blog/2024-10/headings.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 75 KiB |
Loading…
x
Reference in New Issue
Block a user