Skip to content

Commit 7783a33

Browse files
committed
Update README.md
1 parent fd02e32 commit 7783a33

File tree

1 file changed

+20
-21
lines changed

1 file changed

+20
-21
lines changed

README.md

Lines changed: 20 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,9 @@ You may see the following [Medium](https://medium.com/) article for detailed exp
77

88
- [Create Loading Buttons in iOS using Swift](https://medium.com/@twho/create-loading-buttons-in-ios-using-swift-63ec77eebda?sk=8f69e9a7760cabacde096c34cc416f95)
99

10-
| <img src="gif/overview-light.gif" alt="Overview" width="240"/> | <img src="gif/overview-dark.gif" alt="Overview Dark" width="240"/> |
11-
|:--:| :--:|
1210
| Light mode | Dark mode |
13-
11+
|:--:| :--:|
12+
| <img src="gif/overview-light.gif" alt="Overview" width="240"/> | <img src="gif/overview-dark.gif" alt="Overview Dark" width="240"/> |
1413

1514
## Key Features
1615
- The example gives you **9** choices of loading indicators with the loading button.
@@ -50,73 +49,73 @@ if #available(iOS 13.0, *) {
5049
```swift
5150
btnLoading.indicator = UIActivityIndicatorView()
5251
```
53-
| <img src="gif/sysdefault-light.gif" alt="System Default" width="350"/> | <img src="gif/sysdefault-dark.gif" alt="System Default Dark" width="350"/> |
54-
|:--:| :--:|
5552
| Light mode | Dark mode |
53+
|:--:| :--:|
54+
| <img src="gif/sysdefault-light.gif" alt="System Default" width="350"/> | <img src="gif/sysdefault-dark.gif" alt="System Default Dark" width="350"/> |
5655

5756
### Material Design
5857
```swift
5958
btnLoading.indicator = MaterialLoadingIndicator(color: .gray)
6059
```
61-
| <img src="gif/materialdesign-light.gif" alt="Material Design" width="350"/> | <img src="gif/materialdesign-dark.gif" alt="Material Design Dark" width="350"/> |
62-
|:--:| :--:|
6360
| Light mode | Dark mode |
61+
|:--:| :--:|
62+
| <img src="gif/materialdesign-light.gif" alt="Material Design" width="350"/> | <img src="gif/materialdesign-dark.gif" alt="Material Design Dark" width="350"/> |
6463

6564
### Ball Pulse
6665
```swift
6766
btnLoading.indicator = BallPulseSyncIndicator(color: .gray)
6867
```
69-
| <img src="gif/ballpulse-light.gif" alt="Ball Pulse" width="350"/> | <img src="gif/ballpulse-dark.gif" alt="Ball Pulse Dark" width="350"/> |
70-
|:--:| :--:|
7168
| Light mode | Dark mode |
69+
|:--:| :--:|
70+
| <img src="gif/ballpulse-light.gif" alt="Ball Pulse" width="350"/> | <img src="gif/ballpulse-dark.gif" alt="Ball Pulse Dark" width="350"/> |
7271

7372
### Ball Pulse Sync
7473
```swift
7574
btnLoading.indicator = BallSpinFadeIndicator(color: .gray)
7675
```
77-
| <img src="gif/ballpulsesync-light.gif" alt="Ball Pulse Sync" width="350"/> | <img src="gif/ballpulsesync-dark.gif" alt="Ball Pulse Sync Dark" width="350"/> |
78-
|:--:| :--:|
7976
| Light mode | Dark mode |
77+
|:--:| :--:|
78+
| <img src="gif/ballpulsesync-light.gif" alt="Ball Pulse Sync" width="350"/> | <img src="gif/ballpulsesync-dark.gif" alt="Ball Pulse Sync Dark" width="350"/> |
8079

8180
### Ball Spin
8281
```swift
8382
btnLoading.indicator = LineScalePulseIndicator(color: .gray)
8483
```
85-
| <img src="gif/ballspin-light.gif" alt="Ball Spin" width="350"/> | <img src="gif/ballspin-dark.gif" alt="Ball Spin Dark" width="350"/> |
86-
|:--:| :--:|
8784
| Light mode | Dark mode |
85+
|:--:| :--:|
86+
| <img src="gif/ballspin-light.gif" alt="Ball Spin" width="350"/> | <img src="gif/ballspin-dark.gif" alt="Ball Spin Dark" width="350"/> |
8887

8988
### Line Scale
9089
```swift
9190
btnLoading.indicator = LineScaleIndicator(color: .gray)
9291
```
93-
| <img src="gif/linescale-light.gif" alt="Line Scale" width="350"/> | <img src="gif/linescale-dark.gif" alt="Line Scale Dark" width="350"/> |
94-
|:--:| :--:|
9592
| Light mode | Dark mode |
93+
|:--:| :--:|
94+
| <img src="gif/linescale-light.gif" alt="Line Scale" width="350"/> | <img src="gif/linescale-dark.gif" alt="Line Scale Dark" width="350"/> |
9695

9796
### Line Scale Pulse
9897
```swift
9998
btnLoading.indicator = BallPulseIndicator(color: .gray)
10099
```
101-
| <img src="gif/linescalepulse-light.gif" alt="Line Scale Pulse" width="350"/> | <img src="gif/linescalepulse-dark.gif" alt="Line Scale Pulse Dark" width="350"/> |
102-
|:--:| :--:|
103100
| Light mode | Dark mode |
101+
|:--:| :--:|
102+
| <img src="gif/linescalepulse-light.gif" alt="Line Scale Pulse" width="350"/> | <img src="gif/linescalepulse-dark.gif" alt="Line Scale Pulse Dark" width="350"/> |
104103

105104
### Ball Beat
106105
```swift
107106
btnLoading.indicator = BallBeatIndicator(color: .gray)
108107
```
109-
| <img src="gif/ballbeat-light.gif" alt="Ball Beat" width="350"/> | <img src="gif/ballbeat-dark.gif" alt="Ball Beat Dark" width="350"/> |
110-
|:--:| :--:|
111108
| Light mode | Dark mode |
109+
|:--:| :--:|
110+
| <img src="gif/ballbeat-light.gif" alt="Ball Beat" width="350"/> | <img src="gif/ballbeat-dark.gif" alt="Ball Beat Dark" width="350"/> |
112111

113112
### Line Spin
114113
```swift
115114
btnLoading.indicator = LineSpinFadeLoader(color: .gray)
116115
```
117-
| <img src="gif/linespin-light.gif" alt="Line Spin" width="350"/> | <img src="gif/linespin-dark.gif" alt="Line Spin Dark" width="350"/> |
118-
|:--:| :--:|
119116
| Light mode | Dark mode |
117+
|:--:| :--:|
118+
| <img src="gif/linespin-light.gif" alt="Line Spin" width="350"/> | <img src="gif/linespin-dark.gif" alt="Line Spin Dark" width="350"/> |
120119

121120
## Credits
122121
* [Material Design](https://material.io/design/)

0 commit comments

Comments
 (0)