react-lorem-image
v1.3.0
Published
Placeholder images for your react prototypes
Downloads
7
Maintainers
Readme
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/
- http://beerhold.it/
...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.