ionic/src/components/loading/test/basic/main.html at master · RFSN/ionic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<ion-header>

  <ion-navbar>
    <ion-title>Loading</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>

  <button block (click)="presentLoadingIos()">iOS Spinner</button>
  <button block (click)="presentLoadingDots()">Dots Spinner</button>
  <button block (click)="presentLoadingBubbles()">Bubbles Spinner</button>
  <button block (click)="presentLoadingCircles()">Circles Spinner</button>
  <button block (click)="presentLoadingCrescent()">Crescent Spinner</button>
  <button block (click)="presentLoadingDefault()" secondary class="e2eLoadingDefaultSpinner">Default Spinner</button>
  <button block (click)="presentLoadingCustom()" light>Custom Spinner</button>
  <button block (click)="presentLoadingText()" dark>Content Only w/ Nav</button>
  <button block (click)="presentLoadingMultiple()" danger>Multiple Loading</button>
  <button block (click)="presentLoadingMultipleNav()" danger>Multiple Nav Loading</button>

</ion-content>


<ion-footer>

  <ion-toolbar>
    <ion-buttons end>
      <button (click)="goToPage2()">
        Navigate
        <ion-icon name="arrow-forward"></ion-icon>
      </button>
    </ion-buttons>
  </ion-toolbar>

</ion-footer>