React Retina Renderer

React component for rendering retina images. This component was created with reference to react-retina-image

Installation

$ npm i -S react-retina-renderer

Demo

$ npm run dev
# and visit localhost:7777

Usage

import Image from 'react-retina-renderer';

/* ... */
<Image src={[IMG_SRC_1, IMG_SRC_2]} height={200} />
/* ... */

Properties

| property | type | required | remark | |:------------------------|:---------------------------|:--------:|:-------| | src | array of strings or string | o | If you want to render retina image on retina display, pass the array | | alt | string | x | Alternate text for an image | | width | number | x | Image's width. If it is omitted, img will use auto or naturalWidth | | height | number | x | Image's height. If it is omitted, img will use auto or naturalHeight | | forceOriginalDimensions | bool | x | If it is true, It will pass width and height as a real value to <img> | | onLoad | function | x | Callback function which is triggered when image is loaded | | onError | function | x | Callback function which is triggered when image is failed to load |