react-placeholder-images

React Placeholder Images

Image placeholder component, utilizing images from placeholder.com (formerly placehold.it).

Options

• text
• width
• height (optional)
• color
• textColor
• format

Usage

import { PlaceholderImage } from 'react-placeholder-images';

class Demo extends React.Component {
  render() {
    return (
      <PlaceholderImage
        width={500}
        height={225}
        color="F48942"
        textColor="FFFFFF"
        text="Text, color & textColor"
      />
      <br />
      <PlaceholderImage
        width={500}
        height={100}
        text="Text, no color"
      />
      <br />
      <PlaceholderImage
        width={500}
        height={100}
        color="1E5EFF"
      />
      <br />
      <PlaceholderImage
        width={500}
        format="png"
      />
    );
  }
}