Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-loading-animation

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-loading-animation - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

20

lib/index.js

@@ -60,2 +60,12 @@ 'use strict';

if (isLoading) {
var _props2 = this.props;
var width = _props2.width;
var height = _props2.height;
var margin = _props2.margin;
loading_style.width = width;
loading_style.height = height;
loading_style.margin = margin;
return React.createElement(

@@ -89,9 +99,15 @@ 'div',

Loading.propTypes = {
isLoading: React.PropTypes.bool
isLoading: React.PropTypes.bool,
width: React.PropTypes.string,
height: React.PropTypes.string,
margin: React.PropTypes.string
};
Loading.defaultProps = {
isLoading: true
isLoading: true,
width: '40px',
height: '40px',
margin: '0 auto'
};
module.exports = Loading;

2

package.json
{
"name": "react-loading-animation",
"version": "1.0.0",
"version": "1.0.1",
"description": "A pretty loading spinner based on Google's colorful spinner animation.",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

@@ -8,3 +8,3 @@ # React Loading Animation

```js
```javascript
const Loading = require('react-loading-animation');

@@ -16,3 +16,3 @@ ```

```js
```javascript
const ListOfThings = ({ isFetching, things }) => {

@@ -31,3 +31,3 @@ if (isFetching && things.size() == 0) return <Loading />;

```js
```javascript
const ListOfThings = ({ isFetching, things }) => {

@@ -34,0 +34,0 @@ return (

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc