English | 中文
For displaying loading state of a page or a section. It supports 7 categories of spinner:
npm install @rn-components-kit/spin --save| Preview | Code |
|---|---|
|
Demo1 Code |
|
Demo2 Code |
|
Demo3 Code |
|
Demo4 Code |
|
Demo5 Code |
|
Demo6 Code |
|
Demo7 Code |
Allows you to customize style
| Type | Required | Default |
|---|---|---|
| object | no | - |
Zooming in/out scale of component
| Type | Required | Default |
|---|---|---|
| number | no | 1 |
Duration of a looped animation
| Type | Required | Default |
|---|---|---|
| number | no | 5000 |
Color of elements inside component
| Type | Required | Default |
|---|---|---|
| string | no | '#40A9FF' |
Allows you to customize style
| Type | Required | Default |
|---|---|---|
| object | no | - |
Zooming in/out scale of component
| Type | Required | Default |
|---|---|---|
| number | no | 1 |
Duration of a looped animation
| Type | Required | Default |
|---|---|---|
| number | no | 5000 |
Five colors passed to rainbow
| Type | Required | Default |
|---|---|---|
| string[] | no | ['#EA7671', '#81D2B4', '#A963B8', '#70ACF6', '#F4B860'] |
Allows you to customize style
| Type | Required | Default |
|---|---|---|
| object | no | - |
Type of wave
| Type | Required | Default |
|---|---|---|
enum('rect', 'dot') |
no | 'rect' |
Zooming in/out scale of component
| Type | Required | Default |
|---|---|---|
| number | no | 1 |
Duration of a looped animation
| Type | Required | Default |
|---|---|---|
| number | no | 5000 |
Color of elements inside component
| Type | Required | Default |
|---|---|---|
| string | no | '#40A9FF' |
Allows you to customize style
| Type | Required | Default |
|---|---|---|
| object | no | - |
Zooming in/out scale of component
| Type | Required | Default |
|---|---|---|
| number | no | 1 |
Duration of a looped animation
| Type | Required | Default |
|---|---|---|
| number | no | 2200 |
Color of elements inside component
| Type | Required | Default |
|---|---|---|
| string | no | '#40A9FF' |
Allows you to customize style
| Type | Required | Default |
|---|---|---|
| object | no | - |
Zooming in/out scale of component
| Type | Required | Default |
|---|---|---|
| number | no | 1 |
Duration of a looped animation
| Type | Required | Default |
|---|---|---|
| number | no | 1800 |
Color of elements inside component
| Type | Required | Default |
|---|---|---|
| string | no | '#40A9FF' |
Allows you to customize style
| Type | Required | Default |
|---|---|---|
| object | no | - |
Zooming in/out scale of component
| Type | Required | Default |
|---|---|---|
| number | no | 1 |
Duration of a looped animation
| Type | Required | Default |
|---|---|---|
| number | no | 2000 |
Color of elements inside component
| Type | Required | Default |
|---|---|---|
| string | no | '#40A9FF' |
Allows you to customize style
| Type | Required | Default |
|---|---|---|
| object | no | - |
Zooming in/out scale of component
| Type | Required | Default |
|---|---|---|
| number | no | 1 |
Duration of a looped animation
| Type | Required | Default |
|---|---|---|
| number | no | 1200 |
Color of elements inside component
| Type | Required | Default |
|---|---|---|
| string | no | '#40A9FF' |