react-image-placeholder

A simple placeholder component that uses some of the many placeholder sites + some funky components for the swag.

Usage no npm install needed!

<script type="module">
  import reactImagePlaceholder from 'https://cdn.skypack.dev/react-image-placeholder';
</script>

README

react-image-placeholder

A simple image placeholder component that uses some of the many placeholder sites + some funky components for the swag.

Why?

There are many placeholder site here, i regrouped them for you in a nice little component, and his little brothers (NicolasCage, BillMurray, StevenSeagal, VanillaIce).

ImagePlaceholder uses the following sites:

and

Installation

npm install react-image-placeholder

Usage (ES6 + JSX):

import ImagePlaceholder, {NicolasCage, BillMurray, StevenSeagal, TheHoff, VanillaIce} from './image-placeholder/image-placeholder';

React.render(
  <div>
    <NicolasCage width="200" height="200"/>
    <BillMurray/>
    <StevenSeagal/>
    <VanillaIce/>
    <TheHoff/>
    <ImagePlaceholder type="beer" width="300" height="300" />
    <ImagePlaceholder text="my text" width="600" height="400" />
  </div>, 
  document.getElementById('root')
);

Image of Nicolas Cage