Skip to content

Commit e26f2f7

Browse files
different hex, rgb, rgba implementation examples
1 parent 3ee178e commit e26f2f7

File tree

1 file changed

+16
-5
lines changed

1 file changed

+16
-5
lines changed

README.md

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22

33
![npm Downloads Last Year](https://img.shields.io/npm/dy/fetch-loading)
44

5-
65
Loading animation which can be displayed while data is fetched from an API.
76

87
## Installation
@@ -29,16 +28,28 @@ import { FetchLoading } from 'fetch-loading'
2928

3029
![Default Fetch Loading Animation Preview](https://github.com/user-attachments/assets/b4ee8647-0b14-4af4-8f67-cba615b31031)
3130

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:
3332

3433
```
3534
...
3635
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)" />
3849
39-
<FetchLoading theme="#fafafa" />
50+
<FetchLoading theme="rgba(170, 221, 170, 0.85)" />
4051
41-
<FetchLoading theme="#000000" />
52+
<FetchLoading theme="rgba(250, 250, 250, 0.25)" />
4253
4354
...
4455
```

0 commit comments

Comments
 (0)