react-activity
Advanced tools
Comparing version 1.2.0 to 1.2.1
{ | ||
"name": "react-activity", | ||
"version": "1.2.0", | ||
"version": "1.2.1", | ||
"description": "Activity indicator component library for React applications.", | ||
@@ -50,2 +50,4 @@ "main": "./dist/react-activity.js", | ||
"pre-commit": "^1.1.2", | ||
"react": "^16.2.0", | ||
"react-dom": "^16.2.0", | ||
"sass-loader": "^3.1.2", | ||
@@ -61,4 +63,4 @@ "style-loader": "^0.13.0", | ||
"dependencies": { | ||
"prop-types": "^15.5.8" | ||
"prop-types": "^15.6.1" | ||
} | ||
} |
@@ -37,26 +37,13 @@ # React Activity Indicators | ||
Add the stylesheet to your app. | ||
Import the activity indicators you would like to use along with the css file. Use the activity indicator component like you would any other component. | ||
```html | ||
<link href="path/to/react-activity.css" /> | ||
``` | ||
If you are using a css preprocesser, you can import the stylesheet from the | ||
`node_modules` folder and it will be bundled with the rest of your css. | ||
```css | ||
@import 'path/to/node_modules/react-activity/dist/react-activity.css'; | ||
``` | ||
Import the activity indicator you would like to use and insert it into one of | ||
your components as a child. | ||
```js | ||
import React from 'react'; | ||
import {render} from 'react-dom'; | ||
import {Dots} from 'react-activity'; | ||
import React, { Component } from 'react'; | ||
import { render } from 'react-dom'; | ||
import { Dots } from 'react-activity'; | ||
import 'react-activity/dist/react-activity.css'; | ||
const App = React.createClass({ | ||
class App extends Component { | ||
render() { | ||
return <Dots size={20} />; | ||
return <Dots />; | ||
} | ||
@@ -73,14 +60,9 @@ }); | ||
```css | ||
@import 'path/to/node_modules/react-activity/lib/Dots/Dots.css'; | ||
``` | ||
And | ||
```js | ||
import React from 'react'; | ||
import {render} from 'react-dom'; | ||
import React, { Component } from 'react'; | ||
import { render } from 'react-dom'; | ||
import Dots from 'react-activity/lib/Dots'; | ||
import 'react-activity/lib/Dots/Dots.css'; | ||
const App = React.createClass({ | ||
class App extends Component { | ||
render() { | ||
@@ -87,0 +69,0 @@ return <Dots />; |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1088896
19
97
Updatedprop-types@^15.6.1