2019-09-08 14:43:11 +00:00
|
|
|
# RequestLoader
|
2019-06-18 14:37:36 +00:00
|
|
|
|
2019-11-21 13:27:41 +00:00
|
|
|
RequestLoader component is used for displaying loading actions on a page
|
|
|
|
|
|
|
|
|
|
### Usage
|
2019-06-18 14:37:36 +00:00
|
|
|
|
|
|
|
|
```js
|
2019-11-21 13:27:41 +00:00
|
|
|
import { RequestLoader } from "asc-web-components";
|
2019-06-18 14:37:36 +00:00
|
|
|
```
|
|
|
|
|
|
2019-11-21 13:27:41 +00:00
|
|
|
```jsx
|
2019-06-18 14:37:36 +00:00
|
|
|
<RequestLoader label="Loading... Please wait..." />
|
|
|
|
|
```
|
|
|
|
|
|
2019-11-21 13:27:41 +00:00
|
|
|
### Properties
|
|
|
|
|
|
|
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
|
| ------------- | :---------------: | :------: | :----: | :-------------------------: | ----------------------------- |
|
|
|
|
|
| `visible` | `bool` | - | - | `false` | Visibility |
|
|
|
|
|
| `loaderSize` | `number`,`string` | - | - | `16` | Svg height and width value |
|
|
|
|
|
| `loaderColor` | `string` | - | - | `#999` | Svg color |
|
|
|
|
|
| `label` | `string` | - | - | `Loading... Please wait...` | Svg aria-label and text label |
|
|
|
|
|
| `fontSize` | `number`,`string` | - | - | `12` | Text label font size |
|
|
|
|
|
| `fontColor` | `string` | - | - | `#999` | Text label font color |
|
|
|
|
|
| `zIndex` | `string` | - | - | `256` | CSS z-index |
|
