Expert Angular

Buttons

One of the simplest directives to use with Material Design, besides icons, is the button directive. We can have a button that is flat, raised, round, and has three different preset colors: primary, accent, and warn. Here's a component with a template trying out some of the possible combinations:

 @Component({  selector: 'buttons',  template: `    <button md-button>FLAT</button>    <button md-raised-button>RAISED</button>     <button md-fab>        <md-icon>add</md-icon>    </button>    <button md-mini-fab>        <md-icon>add</md-icon>    </button>    <button md-raised-button color="primary">PRIMARY</button>    <button md-raised-button color="accent">ACCENT</button>    <button md-raised-button color="warn">WARN</button>  ` }) export class ButtonsComponent { constructor() { ...