/react-image

React image and background image component.

Primary LanguageJavaScriptMIT LicenseMIT

๐Ÿ–ผ๏ธ React image

A simple react image and background image component with support for responsive images, fallback image, lazy loading and loader.

NPM JavaScript Style Guide

Build Status Semantic release Code Coverage version downloads MIT License

Storybook

All Contributors

PRs Welcome Code of Conduct

Watch on GitHub Star on GitHub

Table of Contents

Installation

Peer dependencies

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

Package

# with styled-components
$ npm install @nejcm/react-image --save
# with emotion
$ npm install @nejcm/react-image-emotion --save

Usage

// 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.

Docs & Examples

Docs & Examples

Issues

Looking to contribute? Look for the Good First Issue label.

๐Ÿ› Bugs

Please file an issue for bugs, missing documentation, or unexpected behavior.

See Bugs

๐Ÿ’ก Feature Requests

Please file an issue to suggest new features. Vote on feature requests by adding a ๐Ÿ‘. This helps maintainers prioritize what to work on.

See Feature Requests

โ“ Questions

For questions related to using the library, please visit a support community instead of filing an issue on GitHub.

Authors

Contributors

Nejc
Nejc Murลกiฤ

๐Ÿ’ป ๐Ÿ“– ๐Ÿš‡ โš ๏ธ

This project follows the all-contributors specification. Contributions of any kind welcome!

Support

Reach out to us at one of the following places:

LICENSE

MIT