Angular Material设计进度按钮

Angular Material设计进度按钮
插件名称 mat-progress-buttons
发布时间 2020年7月9日
插件作者 michaeldoye

适用于Angular 4+应用程序的简单材料设计进度按钮。

安装:

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

用法:

导入模块。

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

@NgModule({
  imports: [ MatProgressButtons ]
})

export class AppModule { }

在您的组件中使用它。

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

可用选项。

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