mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 04:53:58 +08:00
56 lines
1.2 KiB
HTML
56 lines
1.2 KiB
HTML
|
|
<ion-toolbar>
|
|
<ion-title>Spinners</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content padding>
|
|
|
|
<table style="border-collapse:initial; border-spacing: 20px">
|
|
<tr>
|
|
<td>Platform Default</td>
|
|
<td>
|
|
<ion-spinner [paused]="paused"></ion-spinner>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>ios</td>
|
|
<td>
|
|
<ion-spinner name="ios" duration="1000" [paused]="paused"></ion-spinner>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>ios-small</td>
|
|
<td>
|
|
<ion-spinner name="ios-small" duration="1000" [paused]="paused"></ion-spinner>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>bubbles</td>
|
|
<td>
|
|
<ion-spinner name="bubbles" [paused]="paused"></ion-spinner>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>circles</td>
|
|
<td>
|
|
<ion-spinner name="circles" [paused]="paused"></ion-spinner>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>crescent</td>
|
|
<td>
|
|
<ion-spinner name="crescent" [paused]="paused"></ion-spinner>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>dots</td>
|
|
<td>
|
|
<ion-spinner name="dots" [paused]="paused"></ion-spinner>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<button (click)="toggleState()">Toggle Paused</button>
|
|
|
|
</ion-content>
|