Add configurable card title

README.md

@@ -108,6 +108,14 @@ game_background: true
 type: 'custom:kb-steam-card'
 ```
 
+to adjust the card title you can use the `title` attribute:
+
+```yaml
+type: 'custom:kb-steam-card'
+entities: sensor.steam_
+title: Steam Friends
+```
+
 ## Stay in touch
 
 - Author - [Neil Kalman](https://github.com/thatkookooguy)

dist/kb-steam-card.js

@@ -177,7 +177,7 @@ const J=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShad
       <ha-card>
         ${this.config.entity?this.createEntityCard(this.hass.states[this.config.entity]):this.createEntitiesCard(this.config.entities)}
       </ha-card>
-    `}setConfig(t){if(!t.entities&&!t.entity)throw new Error("You need to define either a single entity or an entities field");this.config=t}getCardSize(){return this.config.entities?this.config.entities.length+1:2}_toggle(t){this.hass.callService("homeassistant","toggle",{entity_id:t.entity_id})}createEntitiesCard(t){if("string"==typeof t){const e=[];Object.values(this.hass.states).forEach((s=>{s.entity_id.startsWith(t)&&e.push(s.entity_id)})),t=e}if(this.config.online_only){const e=[];t.forEach((t=>{const s=this.hass.states[t];s&&s.state&&"offline"!==s.state&&e.push(t)})),t=e}return[M` <div class="card-header"><div class="name">Steam Friends</div></div> `,...t.map(((e,s)=>{const i=this.hass.states[e];return i?M`
+    `}setConfig(t){if(!t.entities&&!t.entity)throw new Error("You need to define either a single entity or an entities field");this.config=t}getCardSize(){return this.config.entities?this.config.entities.length+1:2}_toggle(t){this.hass.callService("homeassistant","toggle",{entity_id:t.entity_id})}createEntitiesCard(t){var e,s;if("string"==typeof t){const e=[];Object.values(this.hass.states).forEach((s=>{s.entity_id.startsWith(t)&&e.push(s.entity_id)})),t=e}if(this.config.online_only){const e=[];t.forEach((t=>{const s=this.hass.states[t];s&&s.state&&"offline"!==s.state&&e.push(t)})),t=e}const i=null!==(e=(s=this.config).title)&&void 0!==e?e:s.title="Steam Friends";return[M` <div class="card-header"><div class="name">${i}</div></div> `,...t.map(((e,s)=>{const i=this.hass.states[e];return i?M`
               <div
                 class="kb-steam-multi kb-clickable ${s===t.length-1?"kb-last":""} ${i.state}"
                 @click=${()=>this.handlePopup(i)}