22
33![ npm Downloads Last Year] ( https://img.shields.io/npm/dy/fetch-loading )
44
5-
65Loading 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