react-magic-image-loader - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

package.json

 {
   "name": "react-magic-image-loader",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "This image loader is designed to enhance the user experience with a captivating magical glitter animation during the loading phase. As the image progressively loads, subtle sparkling effects appear across the image, creating a sense of magic and wonder. This loader not only keeps users engaged but also adds an aesthetically pleasing touch, giving the loading process a smooth and enchanting visual flair.",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -1,2 +0,2 @@
-# [Your Package Name]
+# Image Loader
 
@@ -25,2 +25,4 @@ [![NPM Version](https://img.shields.io/npm/v/react-magic-image-loader.svg)](https://www.npmjs.com/package/react-magic-image-loader)
 
+```javascript
+
 import React from "react";
@@ -39,3 +41,3 @@ import logo from "./logo.svg";
 stl={{ width: "100px", height: "100px" }} // Custom inline styles
-type="magic" // Animation type
+type="magic" // Loader type
 />
@@ -50,8 +52,9 @@ </div>
 
-Props
-Prop Name Type Default Required Description
-src string N/A ✅ The source URL or path of the image.
-alt string '' ❌ Alternate text for the image (useful for accessibility).
-stl object {} ❌ Inline styles to apply to the image (e.g., width, height).
-type string "fade" ✅ Animation type for the image (e.g., "magic", "skeleton").
-onClick func () => {} ❌ Callback function when the image is clicked.
+| Prop Name | Type   | Default    | Required | Description                                                   |
+| --------- | ------ | ---------- | -------- | ------------------------------------------------------------- |
+| `src`     | string | N/A        | ✅       | The source URL or path of the image.                          |
+| `alt`     | string | `''`       | ❌       | Alternate text for the image (useful for accessibility).      |
+| `stl`     | object | `{}`       | ❌       | Inline styles to apply to the image (e.g., width, height).    |
+| `type`    | string | `magic"`   | ✅       | Animation type for the image (e.g., `"magic"`, `"skeleton"`). |
+| `onClick` | func   | `() => {}` | ❌       | Callback function when the image is clicked.                  |
+```

No alert changes

Improved metrics

Total package byte prevSize

7378

5.49%

Number of lines in readme file

58

5.45%

No dependency changes