title: How to use material 2 toolbar
body: <p>I am using material2 card etc but getting error while trying to add toolbar </p>
  
  <p>app.component.html </p>
  
  <pre><code>&lt;md-toolbar [color]="red"&gt;
    &lt;span&gt;My Application Title&lt;/span&gt;
  &lt;/md-toolbar&gt; 
  </code></pre>
  
  <p>app.module.ts</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  import { HttpModule } from '@angular/http';
  
  import {OVERLAY_PROVIDERS} from "@angular2-material/core";
  
  // Material 2 
  import { MdCoreModule } from '@angular2-material/core'
  import { MdButtonModule } from '@angular2-material/button';
  import { MdCardModule } from '@angular2-material/card';
  import { MdRadioModule } from '@angular2-material/radio';
  import { MdCheckboxModule } from '@angular2-material/checkbox'
  import { MdTooltipModule } from '@angular2-material/tooltip';
  import { MdSliderModule } from '@angular2-material/slider';
  import { MdToolbarModule,MdToolbarRow } from '@angular2-material/toolbar';
  
  
  import 'hammerjs' ;
  
  import { AppComponent } from './app.component';
  
  @NgModule({
    declarations: [
      AppComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule,
      MdCoreModule.forRoot() , MdCardModule.forRoot() , MdButtonModule.forRoot() , MdRadioModule.forRoot() ,
      MdCheckboxModule.forRoot() , MdTooltipModule.forRoot() , MdSliderModule.forRoot() ,MdToolbarModule.forRoot()
    ],
    providers: [OVERLAY_PROVIDERS],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>i am getting error</p>
  
  <blockquote>
    <p>zone.js:388Unhandled Promise rejection: Template parse errors: Can't
    bind to 'color' since it isn't a known property of 'md-toolbar'.
    1. If 'md-toolbar' is an Angular component and it has 'color' input, then verify that it is part of this module.
    2. If 'md-toolbar' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component
    to suppress this message.  ("</p>
    
    <p>][color]="red">   My Application
    Title "): AppComponent@39:12 'md-toolbar' is not a
    known element:
    1. If 'md-toolbar' is an Angular component, then verify that it is part of this module.
    2. If 'md-toolbar' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component
    to suppress this message. ("</p>
  </blockquote>
  
  <p>Thanks in advance</p>