toolbox.md

@@ -18,3 +18,20 @@
   - also neat: https://github.com/urish/angular2-moment
 * ng2-page-scroll (for all your animated scroll to needs. )
 * ng-bootstrap (official, alpha); ng2-bootstrap (active developer, alpha)
+* angular2-material (alpha7)
+  - getting started: https://github.com/angular/material2/blob/master/GETTING_STARTED.md
+  - list of modules: https://www.npmjs.com/~angular2-material
+  - `npm install --save @angular2-material/core` ( and whatever specific modules you want, such as @angular2-material/input )
+  - `npm install --save hamerjs && typings install --global dt~hammerjs --save` ( for better browser touch support)
+  - `import '@angular2-material/core'; import 'hammerjs';` into the `vendors.ts` file, along with the  ng2material module(s) you are using
+  - `import { MdInputModule } from '@angular2-material/input';`in `app.module.ts`, then list the module in the @NgModule `imports` array 
+  - now use component where needed:
+
+  ```html 
+  <div>
+       <md-input placeholder="amount" align="end">
+           <span md-prefix>$&nbsp;</span>
+           <span md-suffix>.00</span>
+      </md-input>
+  </div>
+  ```
\ No newline at end of file