react-spinners-css - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

package.json

 {
   "name": "react-spinners-css",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "private": false,
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -8,3 +8,7 @@ # React Spinners CSS Loaders
 Amazing collection of pure CSS react spinners components of css spinners for ajax or loading animation based on loading.io.  
-
+[Install components and live demo](https://bit.dev/joshk/react-spinners-css)
+<p align="center">
+  <a href="https://bit.dev/joshk/react-spinners-css"><img src="https://i.imagesup.co/images2/010e655fd10abc5621d067f8b8ad33c7cac7d840.gif"></a>
+</p>
+  
 ## 🚀 List of components
@@ -31,4 +35,4 @@
 
-## 💻 Installation and Usage Examples
-Using [npm](https://www.npmjs.com/package/react-spinners-css) to install react-spinners-css:  
+## 📦 Installation
+### Using [npm](https://www.npmjs.com/package/react-spinners-css) to install react-spinners-css:  
 
@@ -39,4 +43,27 @@ ```bash
 
+### Play and install react spinners with Bit
+
+Install specific react spinner component with bit, npm or yarn without having to install the whole project.  
+Using [bit](https://bit.dev/joshk/react-spinners-css) to play with live demo, and try the spinners before install.
+
+set npm regisetry config(one time action):
+```bash
+npm config set '@bit:registry' https://node.bit.dev
+```
+and use your favorite package manager:
+```bash
+npm i @bit/joshk.react-spinners-css.facebook
+yarn add @bit/joshk.react-spinners-css.facebook
+bit import joshk.react-spinners-css/facebook 
+```  
+
+## 💻 Usage Examples
+
+you can use a random color from [jotils](https://bit.dev/joshk/jotils/get-random-color)  
 ```javascript
-import { Circle, Facebook } from "react-spinners-css";
+//using npm or yarn
+import { Circle, Heart } from 'react-spinners-css';
+//using bit
+import Facebook from '@bit/joshk.react-spinners-css.facebook';
+import { getRandomColor } from '@bit/joshk.jotils.get-random-color'
 ...
@@ -48,2 +75,3 @@ render() {
        <Circle color="red" />
+       <Heart color={getRandomColor()} />
        <Facebook /> //default color is #7f58af
@@ -58,20 +86,10 @@ <Facebook color="red" />
 You can see the components locally by cloning this repo and doing the following steps:
-- Install dependencies from `package.json`, run: `npm install`
+- Install dependencies from `package.json`, run: `npm install`.
 - Run the app in the development mode, run: `npm run start`.  
 
 ## ⌨️ Contributing
-- Pull requests and ⭐ stars are always welcome
-- For bugs and feature requests, please create an issue
+- Pull requests and ⭐ stars are always welcome.
+- For bugs and feature requests, please create an issue.
 
-**Steps to contribute**
-
-1) Fork the project and clone.
-2) Create spinner folder in this [folder](https://github.com/JoshK2/react-spinners-css/tree/master/src/components), name the folder with upper case, and create index file and css file.
-See example of naming in this folder [folder](https://github.com/JoshK2/react-spinners-css/tree/master/src/components/Circle).
-3) The spinner need to be exported with index file inside the spinner folder, so create index.js file to export your spinner.
-3) Add the spinner in index.js file inside components folder.
-4) Run `npm run build` to generate the build folder folder.
-5) Share with the community by submitting a PR.
-
 ## 📄 License
 [MIT](https://github.com/JoshK2/react-spinners-css/blob/master/LICENSE)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

34868

increased by1.33%

Number of lines in readme file

91

increased by24.66%

No dependency changes