🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

react-magic-image-loader

Package Overview
Dependencies
Maintainers
0
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version

to
1.0.3

2

package.json
{
"name": "react-magic-image-loader",
"version": "1.0.2",
"version": "1.0.3",
"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",

@@ -26,3 +26,2 @@ # Image Loader

```javascript
import React from "react";

@@ -34,16 +33,16 @@ import logo from "./logo.svg";

function App() {
return (
<div className="App">
<MagicLoader
src={logo} // The source of the image
alt="logo" // Alt text for the image
stl={{ width: "100px", height: "100px" }} // Custom inline styles
type="magic" // Loader type
/>
</div>
);
return (
<div className="App">
<MagicLoader
src={logo} // The source of the image
alt="logo" // Alt text for the image
stl={{ width: "100px", height: "100px" }} // Custom inline styles
type="magic" // Loader type
/>
</div>
);
}
export default App;
```

@@ -59,2 +58,5 @@ ## Props

| `onClick` | func | `() => {}` | ❌ | Callback function when the image is clicked. |
```
```