satyam-animated-spinner 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -12
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
#
|
|
1
|
+
# satyam-animated-spinner
|
|
2
2
|
|
|
3
3
|
A beautiful, customizable animated spinner component with multiple animation styles. Perfect for loading states in any JavaScript/TypeScript project.
|
|
4
4
|
|
|
5
|
-

|
|
6
|
+

|
|
7
7
|
|
|
8
8
|
## ✨ Features
|
|
9
9
|
|
|
@@ -17,7 +17,7 @@ A beautiful, customizable animated spinner component with multiple animation sty
|
|
|
17
17
|
## 📦 Installation
|
|
18
18
|
|
|
19
19
|
```bash
|
|
20
|
-
npm install
|
|
20
|
+
npm install satyam-animated-spinner
|
|
21
21
|
```
|
|
22
22
|
|
|
23
23
|
## 🚀 Quick Start
|
|
@@ -25,7 +25,7 @@ npm install @bitcot/animated-spinner
|
|
|
25
25
|
### Basic Usage
|
|
26
26
|
|
|
27
27
|
```javascript
|
|
28
|
-
import { AnimatedSpinner } from '
|
|
28
|
+
import { AnimatedSpinner } from 'satyam-animated-spinner';
|
|
29
29
|
|
|
30
30
|
// Create a spinner
|
|
31
31
|
const spinner = new AnimatedSpinner();
|
|
@@ -42,7 +42,7 @@ setTimeout(() => {
|
|
|
42
42
|
### With Custom Options
|
|
43
43
|
|
|
44
44
|
```javascript
|
|
45
|
-
import { AnimatedSpinner } from '
|
|
45
|
+
import { AnimatedSpinner } from 'satyam-animated-spinner';
|
|
46
46
|
|
|
47
47
|
const spinner = new AnimatedSpinner({
|
|
48
48
|
type: 'dots', // Animation type
|
|
@@ -148,7 +148,7 @@ spinner.destroy();
|
|
|
148
148
|
### With Async Operations
|
|
149
149
|
|
|
150
150
|
```javascript
|
|
151
|
-
import { AnimatedSpinner } from '
|
|
151
|
+
import { AnimatedSpinner } from 'satyam-animated-spinner';
|
|
152
152
|
|
|
153
153
|
const spinner = new AnimatedSpinner({ type: 'ring' });
|
|
154
154
|
|
|
@@ -168,7 +168,7 @@ async function fetchData() {
|
|
|
168
168
|
### Multiple Spinners
|
|
169
169
|
|
|
170
170
|
```javascript
|
|
171
|
-
import { AnimatedSpinner } from '
|
|
171
|
+
import { AnimatedSpinner } from 'satyam-animated-spinner';
|
|
172
172
|
|
|
173
173
|
// Full-page spinner
|
|
174
174
|
const pageSpinner = new AnimatedSpinner({
|
|
@@ -189,7 +189,7 @@ const containerSpinner = new AnimatedSpinner({
|
|
|
189
189
|
|
|
190
190
|
```jsx
|
|
191
191
|
import { useEffect, useRef } from 'react';
|
|
192
|
-
import { AnimatedSpinner } from '
|
|
192
|
+
import { AnimatedSpinner } from 'satyam-animated-spinner';
|
|
193
193
|
|
|
194
194
|
function MyComponent() {
|
|
195
195
|
const spinnerRef = useRef(null);
|
|
@@ -223,7 +223,7 @@ function MyComponent() {
|
|
|
223
223
|
</template>
|
|
224
224
|
|
|
225
225
|
<script>
|
|
226
|
-
import { AnimatedSpinner } from '
|
|
226
|
+
import { AnimatedSpinner } from 'satyam-animated-spinner';
|
|
227
227
|
|
|
228
228
|
export default {
|
|
229
229
|
data() {
|
|
@@ -295,7 +295,7 @@ Then in your CSS:
|
|
|
295
295
|
|
|
296
296
|
## 📄 License
|
|
297
297
|
|
|
298
|
-
MIT ©
|
|
298
|
+
MIT © satyam
|
|
299
299
|
|
|
300
300
|
## 🤝 Contributing
|
|
301
301
|
|
|
@@ -303,4 +303,4 @@ Contributions are welcome! Please feel free to submit a Pull Request.
|
|
|
303
303
|
|
|
304
304
|
## 🐛 Issues
|
|
305
305
|
|
|
306
|
-
If you find a bug or have a feature request, please open an issue on [GitHub](https://github.com/
|
|
306
|
+
If you find a bug or have a feature request, please open an issue on [GitHub](https://github.com/satyam/animated-spinner/issues).
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "satyam-animated-spinner",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A beautiful, customizable animated spinner component with multiple animation styles",
|
|
6
6
|
"main": "dist/index.cjs.js",
|
|
@@ -38,4 +38,4 @@
|
|
|
38
38
|
"tslib": "^2.6.2",
|
|
39
39
|
"typescript": "^5.3.3"
|
|
40
40
|
}
|
|
41
|
-
}
|
|
41
|
+
}
|