0.1.2 • Published 4 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-loader
yarn 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 };