Skip to content

Commit 1efbdcd

Browse files
liamdebeasiliamdebeasi
authored
docs(spinner): add spinner examples (ionic-team#498)
1 parent 5af3fcf commit 1efbdcd

1 file changed

Lines changed: 56 additions & 11 deletions

File tree

‎src/demos/api/spinner/index.html‎

Lines changed: 56 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,6 @@
1111
--ion-safe-area-top: 20px;
1212
--ion-safe-area-bottom: 22px;
1313
}
14-
15-
main {
16-
align-items: center;
17-
display: flex;
18-
height: 100%;
19-
justify-content: center;
20-
width: 100%;
21-
}
2214
</style>
2315
</head>
2416
<body>
@@ -29,9 +21,62 @@
2921
</ion-toolbar>
3022
</ion-header>
3123
<ion-content>
32-
<main>
33-
<ion-spinner color="primary"></ion-spinner>
34-
</main>
24+
<ion-list>
25+
<ion-item>
26+
<ion-label>Default</ion-label>
27+
<ion-spinner></ion-spinner>
28+
</ion-item>
29+
30+
<ion-item>
31+
<ion-label>Lines</ion-label>
32+
<ion-spinner name="lines"></ion-spinner>
33+
</ion-item>
34+
35+
<ion-item>
36+
<ion-label>Lines Small</ion-label>
37+
<ion-spinner name="lines-small"></ion-spinner>
38+
</ion-item>
39+
40+
<ion-item>
41+
<ion-label>Dots</ion-label>
42+
<ion-spinner name="dots"></ion-spinner>
43+
</ion-item>
44+
45+
<ion-item>
46+
<ion-label>Bubbles</ion-label>
47+
<ion-spinner name="bubbles"></ion-spinner>
48+
</ion-item>
49+
50+
<ion-item>
51+
<ion-label>Circles</ion-label>
52+
<ion-spinner name="circles"></ion-spinner>
53+
</ion-item>
54+
55+
<ion-item>
56+
<ion-label>Crescent</ion-label>
57+
<ion-spinner name="crescent"></ion-spinner>
58+
</ion-item>
59+
60+
<ion-item>
61+
<ion-label>Paused</ion-label>
62+
<ion-spinner paused></ion-spinner>
63+
</ion-item>
64+
65+
<ion-item>
66+
<ion-label>Primary</ion-label>
67+
<ion-spinner color="primary"></ion-spinner>
68+
</ion-item>
69+
70+
<ion-item>
71+
<ion-label>Secondary</ion-label>
72+
<ion-spinner color="secondary"></ion-spinner>
73+
</ion-item>
74+
75+
<ion-item>
76+
<ion-label>Tertiary</ion-label>
77+
<ion-spinner color="tertiary"></ion-spinner>
78+
</ion-item>
79+
</ion-list>
3580
</ion-content>
3681
</ion-app>
3782
</body>

0 commit comments

Comments
 (0)