1.0.6 • Published 5 months ago

react-magic-image-loader v1.0.6

Weekly downloads
-
License
MIT
Repository
-
Last release
5 months ago

Image Loader

NPM Version License Downloads

A simple React component for magic image loading with cool animation effects. Easily load images with additional style options.

Features

  • Customizable image styles (size, dimensions, etc.)
  • 2 types
  • Simple and easy to integrate

Installation

To install this package, use npm:

npm install react-magic-image-loader

Usage

import React from "react";
import logo from "./logo.svg";
import "./App.css";
import MagicLoader from "react-magic-image-loader";

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>
  );
}

export default App;

Props

Prop NameTypeDefaultRequiredDescription
srcstringN/AThe source URL or path of the image.
altstring''Alternate text for the image (useful for accessibility).
stlobject{}Inline styles to apply to the image (e.g., width, height).
typestringmagicAnimation type for the image (e.g., "magic", "skeleton").
onClickfunc() => {}Callback function when the image is clicked.