2019-06-05 10:32:10 +00:00
|
|
|
# Loaders: Oval
|
2019-06-03 11:48:55 +00:00
|
|
|
|
|
|
|
## Usage
|
|
|
|
|
|
|
|
```js
|
|
|
|
import { Loader } from 'asc-web-components';
|
|
|
|
```
|
|
|
|
|
|
|
|
#### Description
|
|
|
|
|
|
|
|
Loader component is used for displaying loading actions on a page.
|
|
|
|
|
|
|
|
#### Usage
|
|
|
|
|
|
|
|
```js
|
2019-06-05 10:32:10 +00:00
|
|
|
<Loader color="black" size={40} type="oval" label="Loading..." />
|
2019-06-03 11:48:55 +00:00
|
|
|
```
|
|
|
|
|
|
|
|
#### Properties
|
|
|
|
|
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
| ------------------ | -------- | :------: | --------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
|
|
| `color` | `string` | - | - | - | Svg color |
|
2019-06-05 10:32:10 +00:00
|
|
|
| `type` | `oneOf` | - | `base`, `oval`, `dual-ring`, `rombs` | `base` | - |
|
|
|
|
| `size` | `number` or `string` | - | - | - | Svg height and width value |
|
2019-06-03 11:48:55 +00:00
|
|
|
| `label` | `string` | - | - | - | Svg aria-lable or text label |
|
|
|
|
|
|
|
|
|