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