Feature Request: Card title #5

README.md

@@ -17,6 +17,7 @@ A Home Assistant lovelace card to display a sankey chart. For example for power
 | ----------------- | ------- | ------------ | ------------------- | ------------------------------------------- |
 | type              | string  | **Required** |                     | `custom:sankey-chart`
 | sections          | list    | **Required** |                     | Entities to show divided by sections, see [sections object](#sections-object) for additional options.
+| title             | string  | **Optional** |                     | Optional header title for the card
 | unit_prefix       | string  | **Optional** |                     | Metric prefix for the unit of measurment. See <https://en.wikipedia.org/wiki/Unit_prefix> . Supported values are m, k, M, G, T
 | round             | number  | **Optional** | 0                   | Round the value to at most N decimal places.
 | height            | number  | **Optional** | 200                 | The height of the card in pixels

src/ha-sankey-chart.ts

@@ -136,6 +136,7 @@ export class SankeyChart extends LitElement {
       <ha-card
         tabindex="0"
         label="Sankey Chart"
+        .header=${this.config.title}
       >
       <div class="container ${this.config.wide ? 'wide' : ''}" style=${styleMap({height: this.height+'px'})}>
         ${this.sections.map((s, i) => this.renderSection(i))}

src/types.ts

@@ -24,6 +24,7 @@ export interface SectionConfig {
 
 export interface SankeyChartConfig extends LovelaceCardConfig {
   type: string;
+  title?: string;
   sections: SectionConfig[];
   unit_prefix?: '' | keyof typeof UNIT_PREFIXES;
   round?: number;