solid-spinner - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

package.json

		{
		"name": "solid-spinner",
		"version": "0.1.5",
		"version": "0.1.6",
		"description": "Pure SVG loading spinners for SolidJS",
		@@ -5,0 +5,0 @@ "main": "./dist/esm/index.js",

README.md

		@@ -10,4 +10,4 @@ # [WIP] Solid Spinner

		- [12 Spinners](#-included-icons-pack) totally ready to use.
		- [Customizable](#%EF%B8%8F-configuration) - receive props to extend their usefulness.
		- [12 Spinners](#spinners) totally ready to use.
		- [Customizable](#customizable) - receive props to extend their usefulness.
		- First class TypeScript support
		@@ -55,1 +55,33 @@ - Tree shakeable: What you take is what you get.
		```

		## Spinners

		\| Component Name \| Type \|
		\| --------------- \| --------------- \|
		\| AudioSpinner \| audio \|
		\| BallTriangle \| ballTriangle \|
		\| Bars \| bars \|
		\| Circles \| circles \|
		\| Grid \| grid \|
		\| Hearts \| hearts \|
		\| Oval \| oval \|
		\| Puff \| puff \|
		\| Rings \| rings \|
		\| SpinningCircles \| spinningCircles \|
		\| TailSpin \| tailSpin \|
		\| ThreeDots \| threeDots \|

		## Customizable

		Each of these components should be able to accept any [SVG tag presentation attributes](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/Presentation) as props.

		```tsx
		// render the Puff loader with a stroke opacity of .125
		<Spinner type={SpinnerType.puff} stroke-opacity=".125" />

		// render the Puff loader with a stroke of mint green
		<Puff stroke="#98ff98" />

		// render the Puff loader with a stroke of mint green and a stroke opactiy of .125
		<Puff stroke="#98ff98" stroke-opacity=".125"/>
		```

New alerts