mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-17 07:50:12 +01:00
40 lines
1.8 KiB
HTML
40 lines
1.8 KiB
HTML
|
<nb-card>
|
||
|
|
<nb-card-header>Button With Spinner</nb-card-header>
|
||
|
|
<nb-card-body>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12 col-lg-12 col-xxxl-12">
|
||
|
|
<button nbButton status="success" size="large" (click)="toggleLoadingLargeGroupAnimation()"
|
||
|
|
[nbSpinner]="loadingLargeGroup" nbSpinnerStatus="success" nbSpinnerSize="large" nbSpinnerMessage="">
|
||
|
|
Download
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button nbButton status="primary" size="large" (click)="toggleLoadingLargeGroupAnimation()"
|
||
|
|
[nbSpinner]="loadingLargeGroup" nbSpinnerStatus="primary" nbSpinnerSize="large" nbSpinnerMessage="">
|
||
|
|
Download
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button nbButton status="warning" size="large" (click)="toggleLoadingLargeGroupAnimation()"
|
||
|
|
[nbSpinner]="loadingLargeGroup" nbSpinnerStatus="warning" nbSpinnerSize="large" nbSpinnerMessage="">
|
||
|
|
Download
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-12 col-lg-12 col-xxxl-12 size-medium-group">
|
||
|
|
<button nbButton status="danger" size="medium" (click)="toggleLoadingMediumGroupAnimation()"
|
||
|
|
[nbSpinner]="loadingMediumGroup" nbSpinnerStatus="danger" nbSpinnerMessage="">
|
||
|
|
Download
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button nbButton status="info" size="medium" (click)="toggleLoadingMediumGroupAnimation()"
|
||
|
|
[nbSpinner]="loadingMediumGroup" nbSpinnerStatus="info" nbSpinnerSize="small" nbSpinnerMessage="">
|
||
|
|
Download
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<button nbButton status="primary" size="medium" (click)="toggleLoadingMediumGroupAnimation()"
|
||
|
|
[nbSpinner]="loadingMediumGroup" nbSpinnerStatus="primary" nbSpinnerSize="xsmall" nbSpinnerMessage="">
|
||
|
|
Download
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nb-card-body>
|
||
|
|
</nb-card>
|