angular material card toolbar
<p>i would like to create a toolbar for angular md-cards.</p>
<p>something similar to this image
<a href="https://i.stack.imgur.com/DFqlm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DFqlm.png" alt="enter image description here" /></a></p>
<pre><code>&lt;md-card layout=&quot;column&quot; &gt;
              &lt;md-toolbar&gt;
                &lt;div class=&quot;md-toolbar-tools&quot;&gt;
                  &lt;h3&gt;Card Header&lt;/h3&gt;
                  &lt;span flex&gt;&lt;/span&gt;
                  &lt;md-button class=&quot;md-icon-button&quot;&gt;
                    &lt;md-icon md-font-icon=&quot;fa-calendar&quot; class=&quot;fa&quot; aria-label=&quot;open menu&quot;&gt;&lt;/md-icon&gt;
                  &lt;/md-button&gt;
                  &lt;md-button class=&quot;md-icon-button&quot;&gt;
                    &lt;md-icon md-font-icon=&quot;fa-user&quot; class=&quot;fa&quot; aria-label=&quot;open menu&quot;&gt;&lt;/md-icon&gt;
                  &lt;/md-button&gt;
                &lt;/div&gt;
              &lt;/md-toolbar&gt;
              &lt;/md-card-content&gt;Card Content&lt;/md-card-content&gt;
&lt;/md-card&gt;
</code></pre>
<p>is there any current directives for ngMaterial -angular material- that can
be used to get such nice toolbar for cards or do i have to make custom css for it ?</p>