31 lines
1.4 KiB
Markdown
31 lines
1.4 KiB
Markdown
|
# Rows Loader
|
||
|
|
||
|
Component that displays rows loader
|
||
|
|
||
|
### Usage
|
||
|
|
||
|
```js
|
||
|
import { Loaders } from "asc-web-common";
|
||
|
```
|
||
|
|
||
|
```jsx
|
||
|
<Loaders.Row />
|
||
|
```
|
||
|
|
||
|
```jsx
|
||
|
<Loaders.Row isRectangle={true} />
|
||
|
```
|
||
|
|
||
|
### Properties
|
||
|
|
||
|
| Props | Type | Required | Values | Default | Description |
|
||
|
| ------------------- | :------: | :------: | :----: | :-------: | ------------------------------------------------ |
|
||
|
| `title` | `string` | - | - | `` | It's used to describe what element it is. |
|
||
|
| `isRectangle` | `bool` | - | - | true | Show rectangle or circle? |
|
||
|
| `backgroundColor` | `string` | - | - | `#000000` | Used as background of animation |
|
||
|
| `foregroundColor` | `string` | - | - | `#000000` | Used as the foreground of animation |
|
||
|
| `backgroundOpacity` | `number` | - | - | 0.2 | Background opacity (0 = transparent, 1 = opaque) |
|
||
|
| `foregroundOpacity` | `number` | - | - | 0.25 | Animation opacity (0 = transparent, 1 = opaque) |
|
||
|
| `speed` | `number` | - | - | 2 | Animation speed in seconds |
|
||
|
| `animate` | `bool` | - | - | true | Opt-out of animations |
|