react-fakeimg
fakeimg component for react
Last updated 2 months ago by huuduc .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-fakeimg 
SYNC missed versions from official npm registry.

React Fakeimg

Need fake image for your mockup ? react-fakeimg will create for you a fake image thanks to canvas. There is no HTTP Requests which means internet connection is not required.

Install in your project

via npm

npm install --save react-fakeimg

via yarn

yarn add react-fakeimg

How to use

Import ES6

import FakeImg from 'react-fakeimg';

Simple example

<FakeImg
  alt="example"
  width={500}
  height={200}
/>

Text example

<FakeImg
  alt="example"
  width={500}
  height={200}
  text="Bonjour!"
/>

Change color example

<FakeImg
  alt="example"
  width={500}
  height={200}
  text="New color"
  bgColor="#005cc5"
  fontColor="#ffffff"
/>

API

Attributes list

Properties type Required default Description
alt string alt attribute is require in HTML5 for img tag
bgColor string #c19d67 Background colors
className string Add class attribute
fontColor string #3a2306 Font color
height Number Image height
id string #id
text string text to replace "width x height"
style object If you want to add style to the image
width Number Image width

Events list

Name type Parameters Required Description
onMount func none Called when the component did mount
onClick func none Called when click on the component
onMouseEnter func none Called when mouse enter the component
onMouseLeave func none Called when mouse leave the component
onUnMount func none Called when the component will unMount

Current Tags

  • 1.0.11                                ...           latest (2 months ago)

16 Versions

  • 1.0.11                                ...           2 months ago
  • 1.0.1                                ...           2 months ago
  • 1.0.0                                ...           2 months ago
  • 0.1.51                                ...           2 months ago
  • 0.1.5                                ...           2 months ago
  • 0.1.4                                ...           2 months ago
  • 0.1.3                                ...           2 years ago
  • 0.1.26                                ...           2 years ago
  • 0.1.25                                ...           2 years ago
  • 0.1.24                                ...           2 years ago
  • 0.1.23                                ...           2 years ago
  • 0.1.22                                ...           2 years ago
  • 0.1.21                                ...           2 years ago
  • 0.1.2                                ...           2 years ago
  • 0.1.1                                ...           2 years ago
  • 0.1.0                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 17
Last Day 0
Last Week 17
Last Month 1
Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |