react-lorem-image

Lorem Image

Placeholder images for your React prototypes.

Implemented services:

• http://www.nicenicejpg.com/
• http://www.fillmurray.com/
• https://placekitten.com/
• http://www.placecage.com/
• http://www.stevensegallery.com/
• http://placevaughnandfranco.it/
• http://placebear.com/

...all with the option to: http://mustachify.me/ !

Usage

import LoremImage from 'react-lorem-image';

class Demo extends React.Component {
  render() {
    return (
      <LoremImage type='murray' mustache={ true } width={ 300 } height={ 300 } />
    );
  }
}

#Component API

<LoremImage
  type={ string }       // Optional - One of (See implemented services below.)
                        //            A random type will be selected if empty
  width={ ?number }     // Optional - Defaults to 200
  height={ ?number }    // Optional - Defaults to width
  mustache={ ?bool }    // Optional - Defaults to false
  color={ ?bool }       // Optional - Defaults to true.
                        //            NOTE: Not all services have color.
/>

Services / Types allowed:

• vanilla - Nice Nice Jpg / Vanilla Ice.
• kitten - Placekitten
• murray - Fill Murray / Bill Murray
• cage - Place Cage
• segal - Steven Segal
• bear - Bears!
• vaughn - Vince Vaughn and Co-stars Pose for Idiotic Stock Photos

Contributions

Fell like there's missing a service? Want a feature added? Feel free to open an issue or add a pull request.

Changelog

1.2.0

• New Feature
  • Bear added: [type: 'bear'] - http://placebear.com/
  • Vince Vaughn added: [type: 'vaughn'] - http://placevaughnandfranco.it/