react-placeholder-img

    1.0.0 • Public • Published

    React Placeholder Image

    A simple react component that renders a placeholder image with the specified dimensions.

    Useful for Whiteboxing a React application.

    Features

    • Renders an svg image with background cross
    • Renders the image dimensions
    • Supports pixel and percentage based dimensions

    Example

    Example Image

    Usage

    Install the component

    npm i react-placeholder-img

    Add placeholders to your components

    import PlaceHolderImage from 'react-placeholder-img';
     
    export const Home = () => (
      <div>
        <PlaceHolderImage width="220px" height="160px" />
      </div>
    );

    Install

    npm i react-placeholder-img

    DownloadsWeekly Downloads

    2

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    19.8 kB

    Total Files

    11

    Last publish

    Collaborators

    • vegatrip