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)

react-spinners-css - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics