A simple react image and background image component with support for responsive images, fallback image, lazy loading and loader.
react-image requires the following peer dependencies to work. Make sure to have them installed in your project.
You can skip this step if those packages are already installed in your project.
# with styled-components
$ npm install react react-dom styled-components --save
# with emotion
$ npm install react react-dom @emotion/styled @emotion/core --save
# with styled-components
$ npm install @nejcm/react-image --save
# with emotion
$ npm install @nejcm/react-image-emotion --save
// with styled-components
import {Image, BackgroundImage} from '@nejcm/react-image';
// with emotion
import {Image, BackgroundImage} from '@nejcm/react-image-emotion';
For more examples check the docs.
Looking to contribute? Look for the Good First Issue label.
Please file an issue for bugs, missing documentation, or unexpected behavior.
Please file an issue to suggest new features. Vote on feature requests by adding a π. This helps maintainers prioritize what to work on.
For questions related to using the library, please visit a support community instead of filing an issue on GitHub.
Nejc MurΕ‘iΔ π» π π |
This project follows the all-contributors specification. Contributions of any kind welcome!
Reach out to us at one of the following places: