https://github.com/opuscapita/react-spinner
https://github.com/opuscapita/react-spinner
cashmanagement react relocated
Last synced: 7 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/opuscapita/react-spinner
- Owner: OpusCapita
- License: mit
- Created: 2018-02-05T08:47:33.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-25T02:49:29.000Z (over 2 years ago)
- Last Synced: 2025-02-28T18:09:59.681Z (7 months ago)
- Topics: cashmanagement, react, relocated
- Language: JavaScript
- Size: 2.15 MB
- Stars: 0
- Watchers: 10
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# react-spinner
### Description
Wait indicator to be shown on top of any container.
### Installation
```
npm install @opuscapita/react-spinner
```
### Demo
View the [DEMO](https://opuscapita.github.io/react-spinner)
### Builds
#### UMD
The default build with compiled styles in the .js file. Also minified version available in the lib/umd directory.
#### CommonJS/ES Module
You need to configure your module loader to use `cjs` or `es` fields of the package.json to use these module types.
Also you need to configure sass loader, since all the styles are in sass format.
* With webpack use [resolve.mainFields](https://webpack.js.org/configuration/resolve/#resolve-mainfields) to configure the module type.
### API
Uses [spin.js](https://spin.js.org/), checkout styling options there.
| Prop name | Type | Default | Description |
| --------- | ------ | ------------------------------------ | --------------------------------------|
| delay | number | 500 | Delay to show spinner |
| config | object | { color: '#FAC51D', width: 4 } | Spin.js config options |
### Code example
```jsx
import Spinner from '@opuscapita/react-spinner';
function SpinnerView() {
return (
);
}
```