Skip to content

chriskjaer/react-lorem-image

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

Placeholder images for your React prototypes.

Resources

License

Stars

Watchers

Forks

Packages

No packages published