rli

react-lorem-image

Placeholder images for your React prototypes.

Showing:

Popularity

Downloads/wk

7

GitHub Stars

28

Maintenance

Last Commit

6yrs ago

Contributors

3

Package

Dependencies

1

Size (min+gzip)

4.0KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

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.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100