Add PlaceholderImage component

Description

In order to create demos for image-related components in Storybook, we’d like to create a new component responsible for loading and rendering an image of a specified height and width. It would also be nice to support blurred images, for example, to demonstrate components that lazy-load images.

After reviewing a few possible placeholder image services, the following seem to satisfy our requirements:

• PlaceIMG
• Lorem Picsum
• Fill Murray
• Placekitten

Requirements

• Randomly selects a service from the above list each time it loads an image
• Accepts a boolean prop named blur
  • In this case, the component should retrieve its image from Lorem Picsum (the only service of the above that supports blur).
• Accepts numeric height and width props to specify pixel dimensions of image
• Should load a new image when any of the height, width, or blur props change (not on every component update)

[ael-mas]

I’d like to work on this issue

[tfquirk]

PR merged. Closing issue.