2019-09-08 14:43:11 +00:00
|
|
|
# Loader
|
2019-06-03 11:48:55 +00:00
|
|
|
|
2019-11-21 13:24:29 +00:00
|
|
|
Loader component is used for displaying loading actions on a page
|
2019-06-03 11:48:55 +00:00
|
|
|
|
2019-11-21 13:24:29 +00:00
|
|
|
### Usage
|
2019-06-03 11:48:55 +00:00
|
|
|
|
|
|
|
```js
|
2019-11-21 13:24:29 +00:00
|
|
|
import { Loader } from "asc-web-components";
|
2019-06-03 11:48:55 +00:00
|
|
|
```
|
|
|
|
|
2019-11-21 13:24:29 +00:00
|
|
|
```jsx
|
|
|
|
<Loader
|
|
|
|
type="base"
|
|
|
|
color="black"
|
|
|
|
size={18}
|
|
|
|
label="Loading"
|
|
|
|
/>
|
|
|
|
```
|
2019-06-03 11:48:55 +00:00
|
|
|
|
2019-11-21 13:24:29 +00:00
|
|
|
### Properties
|
2019-06-03 11:48:55 +00:00
|
|
|
|
2019-11-21 13:24:29 +00:00
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
| ----------- | :---------------: | :------: | :----------------------------------: | :-----: | ----------- |
|
|
|
|
| `type` | `oneOf` | - | `base`, `oval`, `dual-ring`, `rombs` | `base` | - |
|
|
|
|
| `color` | `string` | - | - | - | Font color |
|
|
|
|
| `size` | `number`,`string` | - | - | - | Font size |
|
|
|
|
| `label` | `string` | - | - | - | Text label |
|
|
|
|
| `className` | `string` | - | - | - | Class name |
|