Angular Material Design Progress Buttons

Author: michaeldoye
Official Page: Go to website
Publish Date: December 22, 2017
License: MIT

Description:

Simple Material Design progress buttons for Angular 4+ applications.

Installation:

# NPM
$ npm install mat-progress-buttons --save

Usage:

Import the module.

import { MatProgressButtons } from 'mat-progress-buttons';
@import "~@angular/material/prebuilt-themes/indigo-pink.css";

@NgModule({
  imports: [ MatProgressButtons ]
})

export class AppModule { }

Use it in your component.

<progress-bar-button [options]="options" (click)="someFunc()"></progress-bar-button>

Options available.

active: boolean;
text: string;
buttonColor?: string;
spinnerColor?: string;
barColor?: string;
raised?: boolean;
spinnerSize?: number;
mode?: string;
value?: number;

Preview:

mat-progress-buttons


You Might Be Interested In:

Add Comment