title: How to fill in the angular-material card header
body: <p>I have angular-material classic card like with the next template</p>
  
  <pre><code>&lt;mat-card class="example-card"&gt;
    &lt;mat-card-header&gt;
      &lt;mat-card-title&gt;Shiba Inu&lt;/mat-card-title&gt;
    &lt;/mat-card-header&gt;
    &lt;mat-card-content&gt;
      &lt;p&gt;The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.&lt;/p&gt;
    &lt;/mat-card-content&gt;
  &lt;/mat-card&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/ZYel5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZYel5.png" alt="enter image description here"></a></p>
  
  <p>and trying to fill in silver header like</p>
  
  <p><a href="https://i.stack.imgur.com/lqMAO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lqMAO.png" alt="enter image description here"></a></p>