@economist/component-picture

1.4.0 • Public • Published

component-picture

This component provides a responsive picture element with support multiple sources.

Simply feed it a list of images, their widths, heights and dppx and it'll pick the best image to use given the width and height of the container element.

Goals

  • [x] Provide one unified interface for adding images with multiple dppx (ala )
  • [x] Provide an abstracted interface for loading multiple crops and dppx of an image (ala breakpoints)
  • [x] Decouple the notion of "media queries" from images - making a truly responsive element (not just browser-window responsive).

Usage

See example.es6 for how to use

Install

npm install --save @economist/component-picture;

Run tests

npm test;

Readme

Keywords

none

Package Sidebar

Install

npm i @economist/component-picture

Weekly Downloads

2

Version

1.4.0

License

MIT

Last publish

Collaborators

  • wellingtonvieira
  • economist-org-bot