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
|
2022-07-22 19:01:25 +00:00
|
|
|
import Loader from "@docspace/components/loader";
|
2019-06-03 11:48:55 +00:00
|
|
|
```
|
|
|
|
|
|
2019-11-21 13:24:29 +00:00
|
|
|
```jsx
|
2020-10-16 13:16:01 +00:00
|
|
|
<Loader type="base" color="black" size="18px" label="Loading" />
|
2019-11-21 13:24:29 +00:00
|
|
|
```
|
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-12-10 14:12:38 +00:00
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
|
| ----------- | :------------: | :------: | :----------------------------------: | :-----: | ----------------- |
|
|
|
|
|
| `className` | `string` | - | - | - | Class name |
|
|
|
|
|
| `color` | `string` | - | - | - | Font color |
|
|
|
|
|
| `id` | `string` | - | - | - | Accepts id |
|
|
|
|
|
| `label` | `string` | - | - | - | Text label |
|
|
|
|
|
| `size` | `string` | - | - | `40px` | Font size |
|
|
|
|
|
| `style` | `obj`, `array` | - | - | - | Accepts css style |
|
|
|
|
|
| `type` | `oneOf` | - | `base`, `oval`, `dual-ring`, `rombs` | `base` | - |
|
