apeman-react-photo

apeman react package for photo components.

Installation

$ npm install apeman-react-photo --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {
  ApPhoto,
  ApPhotoStyle,
  ApPaperPhoto,
  ApPaperPhotoStyle
} from 'apeman-react-photo'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApPhotoStyle />
        <ApPaperPhotoStyle />
        <ApPaperPhoto imgSrc="http://example.com"/>
      </div>
    )
  }
})

Components

ApPaperPhotoStyle

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | style | object | {} | | |

ApPaperPhoto

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | imgSrc | string | null | | Image source URL | | imgWidth | number | 256 | | Image width | | imgHeight | number | 192 | | Image height | | imgScale | string | 'fill' | | Image scale policy | | onTap | func | null | | Handler for tap event |

ApPhotoStyle

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | style | object | {} | | |

ApPhoto

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | imgSrc | string | null | | Image source URL | | imgWidth | number | 256 | | Image width | | imgHeight | number | 128 | | Image height | | imgScale | string | 'fit' | | Image scale policy | | onTap | func | null | | Handler for tap event |

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React