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.
npm install --save @app-elements/image
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'
]}
/>| Prop | Type | Default | Description |
|---|---|---|---|
srcs |
Array | None | An array of image URLs. |