File tree Expand file tree Collapse file tree 1 file changed +8
-2
lines changed Expand file tree Collapse file tree 1 file changed +8
-2
lines changed Original file line number Diff line number Diff line change
1
+
1
2
# react-loading-ui
2
3
React loaing component.
3
4
@@ -23,6 +24,7 @@ $ npm install react-loading-ui
23
24
- To use, just call the ```` Loading() ```` function.
24
25
25
26
> Note: The ```` Loading() ```` function ** toggle** between ** hide** and ** show** .
27
+ > But instead of ** toggling** , you can also use ```` ShowLoading() ```` and ```` HideLoading() ````
26
28
27
29
``` jsx
28
30
import React , { Component } from ' react' ;
@@ -84,17 +86,21 @@ SetDefault({
84
86
```
85
87
##### Loading
86
88
87
- ```` Loading() ```` preview with light color theme.
89
+ ```` Loading() ```` and ``` ShowLoading() ``` preview with light color theme.
88
90
89
91
![ Loading()] ( http://barisates.com/git/rlui/loading.jpg " Loading ")
90
92
91
93
##### Progress
92
- ``` Loading({ progress: true }) ``` preview with light color theme.
94
+ ``` Loading({ progress: true }) ``` and ``` ShowLoading({ progress: true }) ``` preview with light color theme.
93
95
94
96
With the ``` Progress(progress) ``` function you can ensure the loading progress, see the [ demo] ( https://codesandbox.io/s/react-loading-ui-khrt7 " demo ") .
95
97
96
98
![ Porgress] ( http://barisates.com/git/rlui/progress.jpg " Porgress ")
97
99
100
+ ##### Hide Loading
101
+ If you want to force hiding, you can use ``` HideLoading() ``` function.
102
+
103
+
98
104
##### CSS Overrides
99
105
100
106
If you want to customize the styles, you can use the following classNames:
You can’t perform that action at this time.
0 commit comments