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

fakeimg

Need fake image for your mockup ? react-fakeimg will create for you a fake image thanks to canvas. No internet connection required.

Install in your project

via npm

npm install --save react-fakeimg

via yarn

yarn add react-fakeimg

How to use

Simple example

import FakeImg from 'react-fakeimg';

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

Text example

import FakeImg from 'react-fakeimg';

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

Change color example

import FakeImg from 'react-fakeimg';

<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
width Number Image width

Events list

Name type Parameters Required Description
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

Current Tags

  • 1.0.0                                ...           latest (18 hours ago)

14 Versions

  • 1.0.0                                ...           18 hours ago
  • 0.1.51                                ...           18 hours ago
  • 0.1.5                                ...           18 hours ago
  • 0.1.4                                ...           18 hours 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 86
Last Day 76
Last Week 76
Last Month 0
Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |