Skip to content

Image component which has a placeholder and loads the original image progressively

Notifications You must be signed in to change notification settings

bandana147/image-component-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This component expects 2 image url

1) ImageUrl -> The src of the actual Image.
2) placeholderImageUrl -> src of the placeholder.

The placeholder image is a smaller (size) image, when the loading of the actual image is done, then the
placeholder image gets hidden and original image appears progressively.

To use this component

Just install the package and import the ImageComponent and render it with your src.
`import { ImageComponent } from 'image-component-react'`

Example

  • Clone the repository git clone https://github.com/bandana147/image-component-react.git
  • Do npm install and then npm start
  • It will open up in http://localhost:3000

About

Image component which has a placeholder and loads the original image progressively

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published