0.0.3 • Published 7 years ago

react-placeholder-images v0.0.3

Weekly downloads
3
License
MIT
Repository
github
Last release
7 years ago

React Placeholder Images npm version

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"
      />
    );
  }
}