/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/dev-app/progress-spinner/progress-spinner-demo.html
31 строка
2 KB
Kristiyan Kostadinov
refactor(multiple): switch button selectors
14 мар 2025, 09:04
14 мар 2025, 09:04
103ac7c
Код
Авторство
О чём код?
<h1>Determinate</h1> <div class="demo-progress-spinner-controls"> <p>Value: {{progressValue}}</p> <button matButton="elevated" (click)="step(10)">Increase</button> <button matButton="elevated" (click)="step(-10)">Decrease</button> <mat-checkbox [(ngModel)]="isDeterminate">Is determinate</mat-checkbox> </div> <div class="demo-progress-spinner"> <mat-progress-spinner [mode]="isDeterminate ? 'determinate' : 'indeterminate'" [value]="progressValue" color="warn" [strokeWidth]="1.6" [diameter]="16"></mat-progress-spinner> <mat-progress-spinner [mode]="isDeterminate ? 'determinate' : 'indeterminate'" [value]="progressValue" color="accent" [strokeWidth]="1" [diameter]="32"></mat-progress-spinner> <mat-progress-spinner [mode]="isDeterminate ? 'determinate' : 'indeterminate'" [value]="progressValue" color="primary" [diameter]="50"></mat-progress-spinner> </div> <h1>Indeterminate</h1> <mat-button-toggle-group class="demo-progress-spinner-controls" [(ngModel)]="color"> <mat-button-toggle value="primary">Primary Color</mat-button-toggle> <mat-button-toggle value="accent">Accent Color</mat-button-toggle> <mat-button-toggle value="warn">Warn Color</mat-button-toggle> </mat-button-toggle-group> <div class="demo-progress-spinner"> <mat-progress-spinner mode="indeterminate" [color]="color"></mat-progress-spinner> <mat-progress-spinner mode="indeterminate" [color]="color"></mat-progress-spinner> <mat-spinner [color]="color"></mat-spinner> </div>