atomic-spinner - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

package.json

		{
		"name": "atomic-spinner",
		"version": "1.0.3",
		"version": "1.0.4",
		"description": "Loading spinner that looks like an atom",
		@@ -5,0 +5,0 @@ "author": "David Lounsbrough",

README.md

		@@ -1,5 +0,48 @@
		![npm](https://img.shields.io/npm/v/atomic-spinner?logo=npm)
		![npm bundle size](https://img.shields.io/bundlephobia/min/atomic-spinner)
		[![npm](https://img.shields.io/npm/v/atomic-spinner?logo=npm)](https://www.npmjs.com/package/atomic-spinner)
		[![npm bundle size](https://img.shields.io/bundlephobia/min/atomic-spinner)](https://bundlephobia.com/package/atomic-spinner)

		# atomic-spinner
		Customizable loading spinner that looks like an [atom](https://en.wikipedia.org/wiki/Atom)

		## Installation

		```sh
		npm i atomic-spinner
		```

		```sh
		yarn add atomic-spinner
		```

		```sh
		pnpm i atomic-spinner
		```

		## Usage

		```jsx
		import AtomicSpinner from 'atomic-spinner'

		function MyComponent() {
		return (
		<AtomicSpinner
		atomSize = 200,
		displayElectronPaths = true,
		displayNucleus = true,
		electronColorPalette = ['#0081C9', '#5BC0F8', '#86E5FF'],
		electronPathCount = 3,
		electronPathColor = '#707070',
		electronPathWidth = 0.5,
		electronsPerPath = 2,
		electronSize = 1.5,
		nucleusParticleFillColor = '#707070',
		nucleusParticleBorderColor = '#999',
		nucleusParticleCount = 6,
		nucleusParticleSize = 2.5,
		nucleusDistanceFromCenter = 2.5
		/>
		)
		}

		export default MyComponent
		```

New alerts