react-lorem-image

1.3.0 • Public • Published

Lorem Image Build Status npm version

Fill Murray

Placeholder images for your React prototypes.

Implemented services:

...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
  • beerholder - a service for thirsty devs from beerhold.it

Contributions

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

Package Sidebar

Install

npm i react-lorem-image

Weekly Downloads

4

Version

1.3.0

License

MIT

Last publish

Collaborators

  • chriskjaer