xmat v0.1.1

XMat -- Extra Material Design Components

More docs coming soon.

Install

npm install -S xmat

Note: Requires @angular/material v2.0.0-beta.12 or above.

Usage

// Import all XMat components.
import { XMatModule } from "xmat";

@NgModule({
  declarations: [ MyAppComponent ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    XMatModule,
  ],
  bootstrap: [ MyAppComponent ]
})
export class MyAppModule { }

Buttons

Confirm Button

Button with different states: Ready, Prompt, Loading and Ok.

Usage

// Import only XMat button components.
import { XMatButtonsModule } from "xmat/buttons/";
import { State } from "xmat/buttons/confirm/";

<xmat-button-confirm
    color="warn"
    [raised]="true"
    [disabled]="false"
    [state]="state"
    (click)="onClick($event)"
>Save Form</xmat-button-confirm>