Skip to content

Commit

Permalink
Initial version of plugin
Browse files Browse the repository at this point in the history
  • Loading branch information
gadgetchnnel committed Mar 4, 2022
1 parent b28aaff commit 09f14b5
Show file tree
Hide file tree
Showing 9 changed files with 4,100 additions and 2 deletions.
38 changes: 36 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,36 @@
# lovelace-header-cards
Header Cards
# Header Cards

Allows you to add badges and cards to the header in [Home Assistant](https://www.home-assistant.io/)

![image](https://user-images.githubusercontent.com/2099542/156801065-cee10322-dbf6-4347-bb76-90d7e4c2c590.png)

## Config Options

| Config Option | Type | Description |
|:---------------|:---------------|:----------|
|`badges:`| List | List of badges to add to header
|`cards:` | List | List of cards to add to header |

## Simple config example

```
header_cards:
badges:
- entity: binary_sensor.motion_trigger
name: ''
cards:
- type: markdown
content: |
Hello it is {{ states("sensor.time") }}
views:
...
```

Note: `views:` is only included there to indicate where this config should be positioned in the Lovelace config


### Limitations
There are some limitations in this initial release.

* Not all cards will display correctly in the header - you may be able to use card-mod to update the styling to make them fit better if there are issues
* Badges with labels may not display properly, the image may not display fully and the label may extend beyond the bottom of the header - removing the label by using `name: ''` avoids this.
4 changes: 4 additions & 0 deletions hacs.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"name": "Header Cards",
"render_readme": true
}
1 change: 1 addition & 0 deletions lovelace-header-cards.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 09f14b5

Please sign in to comment.