Package detail

react-image-filler

remahmoud100MIT1.0.1

A react component to return a placeholder image with a given width and height

react, react-library, react-component, react-image, placeholder-image, placeholder, image, react-image-filler, react-image-placeholder, react-placeholder-image, react-placeholder

readme

React Image Filler

react-image-filler is a React component that return placeholder image with given width and height.

Installation


npm install react-image-filler --save

or


yarn add react-image-filler

Usage

import ImageFiller from 'react-image-filler';

const App = () => {
    return (
        <div>
            <ImageFiller width={200} height={200} />
        </div>
    );
}

Props

Prop	Type	Default	Description
`width`	number	100	Width of the image
`height`	number	100	Height of the image
`text`	string	Placeholder	text of the image
`color`	string	#6a6a6a	text color of the image
`background`	string	#dddddd	background color of the image

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

step to contribute:

Fork the project & clone locally.
Create your feature branch (git checkout -b feature/AmazingFeature)
Commit your changes (git commit -m 'Add some AmazingFeature')
Push to the branch (git push origin feature/AmazingFeature)
Open a pull request
Enjoy 😃

Author

Mahmoud Ibrahiam - Frontend Developer