Skip to content

Commit f1d12b3

Browse files
authored
readme updated
1 parent ec1709c commit f1d12b3

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

README.md

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
12
# react-loading-ui
23
React loaing component.
34

@@ -23,6 +24,7 @@ $ npm install react-loading-ui
2324
- To use, just call the ````Loading()```` function.
2425

2526
> Note: The ````Loading()```` function **toggle** between **hide** and **show**.
27+
> But instead of **toggling**, you can also use ````ShowLoading()```` and ````HideLoading()````
2628
2729
```jsx
2830
import React, { Component } from 'react';
@@ -84,17 +86,21 @@ SetDefault({
8486
```
8587
##### Loading
8688

87-
````Loading()```` preview with light color theme.
89+
````Loading()```` and ```ShowLoading()``` preview with light color theme.
8890

8991
![Loading()](http://barisates.com/git/rlui/loading.jpg "Loading")
9092

9193
##### Progress
92-
```Loading({ progress: true })``` preview with light color theme.
94+
```Loading({ progress: true })``` and ```ShowLoading({ progress: true })``` preview with light color theme.
9395

9496
With the ```Progress(progress)``` function you can ensure the loading progress, see the [demo](https://codesandbox.io/s/react-loading-ui-khrt7 "demo").
9597

9698
![Porgress](http://barisates.com/git/rlui/progress.jpg "Porgress")
9799

100+
##### Hide Loading
101+
If you want to force hiding, you can use ```HideLoading()``` function.
102+
103+
98104
##### CSS Overrides
99105

100106
If you want to customize the styles, you can use the following classNames:

0 commit comments

Comments
 (0)