mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-15 05:16:49 +00:00
Badge: add steps on adding a badge from UI (#34172)
This commit is contained in:
parent
a871e66e4b
commit
beb18f7aff
@ -10,6 +10,26 @@ Badges are widgets that sit at the top of a panel, above all the cards.
|
||||
Badges at the top of a panel.
|
||||
</p>
|
||||
|
||||
## Adding a badge to your dashboard
|
||||
|
||||
1. Go to {% my lovelace_dashboards title="**Settings** > **Dashboards**" %}.
|
||||
2. If you have multiple [views](/dashboards/views/), open the view to which you want to add a badge.
|
||||
3. In the top right of the screen, select the edit {% icon "mdi:edit" %} button.
|
||||
4. To add a badge, select the plus {% icon "mdi:plus" %}button.
|
||||
|
||||

|
||||
|
||||
5. Select the entity for which you want to display a badge.
|
||||
6. Configure your badge.
|
||||
- The available options depend on the entity.
|
||||
- Add the states you want to see.
|
||||
- If you want, add a **Name**.
|
||||
|
||||

|
||||
7. Under **Interactions**, you can define the tap behavior.
|
||||
8. If you want this badge to be visible only to specific users or under a certain condition, open the **Visibility** tab to [define those conditions](/dashboards/cards/#showing-or-hiding-a-card-conditionally).
|
||||
9. Select **Save**.
|
||||
|
||||
## Entity badge
|
||||
|
||||
The Entity badge allows you to display the state of an entity on a badge. This badge supports [actions](/dashboards/actions/).
|
||||
|
BIN
source/images/dashboards/badge_add.png
Normal file
BIN
source/images/dashboards/badge_add.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 20 KiB |
BIN
source/images/dashboards/badge_configure.png
Normal file
BIN
source/images/dashboards/badge_configure.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 51 KiB |
Loading…
x
Reference in New Issue
Block a user