Socket
Socket
Sign inDemoInstall

solid-spinner

Package Overview
Dependencies
4
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.1.5 to 0.1.6

2

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",

@@ -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"/>
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc