@app-elements/image v2.0.0

Image

Renders an <img /> with an array of src's, rendering each, in order, as the complete. The idea is the first is the smallest filesize and the last is the highest resolution.

Installation

npm install --save @app-elements/image

Usage

import Image from '@app-elements/image'

<Image
  srcs={[
    'http://www.placehold.it/200x150/eee/eee?text=Loading',
    'http://www.placehold.it/400x300/f44/fff?text=MediumRes',
    'http://www.placehold.it/800x600/44f/fff?text=HighRes'
  ]}
/>

Props