2
2
3
3
![ npm Downloads Last Year] ( https://img.shields.io/npm/dy/fetch-loading )
4
4
5
-
6
5
Loading animation which can be displayed while data is fetched from an API.
7
6
8
7
## Installation
@@ -29,16 +28,28 @@ import { FetchLoading } from 'fetch-loading'
29
28
30
29
![ Default Fetch Loading Animation Preview] ( https://github.com/user-attachments/assets/b4ee8647-0b14-4af4-8f67-cba615b31031 )
31
30
32
- You can also pass any Hex-value as an argument for the ``` theme `` ` property:
31
+ You can also pass any Hex- / RGB- or RGBA- value as an argument for the ` theme ` property:
33
32
34
33
```
35
34
...
36
35
37
- <FetchLoading theme="#a2d1aa" />
36
+ <FetchLoading theme="#000" />
37
+
38
+ <FetchLoading theme="#adae" />
39
+
40
+ <FetchLoading theme="#fafafafa" />
41
+
42
+ <FetchLoading theme="rgb(0, 0, 0)" />
43
+
44
+ <FetchLoading theme="rgb(170, 221, 170)" />
45
+
46
+ <FetchLoading theme="rgb(250, 250, 250)" />
47
+
48
+ <FetchLoading theme="rgba(0, 0, 0, 0.75)" />
38
49
39
- <FetchLoading theme="#fafafa " />
50
+ <FetchLoading theme="rgba(170, 221, 170, 0.85) " />
40
51
41
- <FetchLoading theme="#000000 " />
52
+ <FetchLoading theme="rgba(250, 250, 250, 0.25) " />
42
53
43
54
...
44
55
```
0 commit comments