react-imgr-development

react-imgr

Progressive Image component for React.

TODO

[] remove deprecated lifecycle methods

Installation

// with npm with react-compounds
$ npm install @react-compounds/dropdown  --save

// with yarn with react-compounds
$ yarn add @react-compounds/dropdown

// with npm
$ npm install react-imgr  --save

// with yarn
$ yarn add react-imgr

Usage

This is the basic usage of react-dropdown

import Image from 'react-imgr';

<Image
    src='image.jpg'
    preloadSrc='preloadimage.jpg'
	containerStyle={{
		width: '100%',
		height: 280
	}}
	initialBlur
	alt='alt tag added here'
    scale
    placeholder='placeholder.jpg'
/>

Props

Name	Type	Required	Description
src	string	true	the src of image
preloadSrc	string	false	the src image preload src
containerStyle	object	false	container css styles
initialBlur	boolean	true	the src initial state
alt	string	true	the src alt tag
scale	boolean	false	scale the src image
placeholder	string	true	the src of the placeholder image

TODO

• [x] Production Level
• [ ] CSS Polishing and Transitions
• [ ] Documentation

Run example

$ npm start

License

Apache 2.0