0.1.2 • Published 5 years ago
react-lazy-image-loader v0.1.2
react-lazy-image-loader
Simple lazy loader for React.js
- TypeScript ready
NPM | Github | Feature request
Installation
npm install --react-lazy-image-loaderyarn add react-lazy-image-loader
How To Use
First import this component where you want to use it
import LazyImage from react-lazy-image-loader"
Then just renders it
<LazyImage src="./link/to/source.jpg" alt="avatar" height={30} width={30} borderRadius={4} />
Props
| Prop | type | Default value |
|---|---|---|
| src | string | none |
| alt | string | none |
| height | number? | none |
| width | number? | none |
| borderRadius | number? | 2 |
Example
import React from "react";
import LazyImage from 'react-lazy-image-loader';
const App = () => {
return (
<LazyImage src="./link/to/source.jpg" alt="avatar" height={30} width={30} borderRadius={4} />
);
}
export { App };