react-dummy-image

React Dummy Image

A React library for creating test images to use as a development model

Overview   |    Technologies   |    Install   |    How To Use   |    License

Overview

Based on Russell Heimlich's concept at http://dummyimage.com this is a port for React to allow you generate dummy images of any specified dimension. A simple app to generate dummy/filler images on the fly at whatever size you want.

Technologies

This project was developed with the following technologies:

• React
• create-react-library
• Dummy Image PHP Script
• PropTypes
• Shields.io
• VS Code with EditorConfig

Install

npm install --save react-dummy-image

or

yarn add react-dummy-image

How To Use

import React, { Component } from 'react';

import DummyImage from 'react-dummy-image';

const Example = () => {
  return (
    <div className={'mycontainer'}>
      <DummyImage text="Colors" color="#ff0000" textColor="#ffffff" />
      <br />
      <DummyImage text="Format.jpg" format={'jpg'} />
      <br />
      <DummyImage text="Class" className={'myimage'} />
    </div>
  );
};

export default Example;

License

This project is under the MIT license. See the LICENSE for more information.

Made with by Jonathan Reis Get in touch!