README
apeman-react-album
apeman react package for album components.
Installation
$ npm install apeman-react-album --save
Demo
Live demo is hosted on GitHub Pages.
Usage
'use strict'
import React from 'react'
import {ApAlbum, ApAlbumStyle} from 'apeman-react-album'
const ExampleComponent = React.createClass({
render () {
return (
<div>
<ApAlbumStyle />
<ApAlbum width={ 180 }
images={ [
"https://raw.githubusercontent.com/apeman-asset-labo/apeman-asset-images/master/dist/dummy/02.jpg",
"https://raw.githubusercontent.com/apeman-asset-labo/apeman-asset-images/master/dist/dummy/03.jpg",
"https://raw.githubusercontent.com/apeman-asset-labo/apeman-asset-images/master/dist/dummy/04.jpg",
"https://raw.githubusercontent.com/apeman-asset-labo/apeman-asset-images/master/dist/dummy/05.jpg",
"https://raw.githubusercontent.com/apeman-asset-labo/apeman-asset-images/master/dist/dummy/06.jpg",
"https://raw.githubusercontent.com/apeman-asset-labo/apeman-asset-images/master/dist/dummy/07.jpg",
"https://raw.githubusercontent.com/apeman-asset-labo/apeman-asset-images/master/dist/dummy/08.jpg",
"https://raw.githubusercontent.com/apeman-asset-labo/apeman-asset-images/master/dist/dummy/09.jpg",
"https://raw.githubusercontent.com/apeman-asset-labo/apeman-asset-images/master/dist/dummy/10.jpg"
] }/>
</div>
)
}
})
Components
ApAlbumImage
Props
Name | Type | Default | Description |
---|
ApAlbumStyle
Props
Name | Type | Default | Description |
---|---|---|---|
style | object | {} | |
highlightColor | string | ApStyle.DEFAULT_HIGHLIGHT_COLOR | |
backgroundColor | ApStyle.DEFAULT_BACKGROUND_COLOR |
ApAlbum
Props
Name | Type | Default | Description |
---|---|---|---|
images | array | [] | |
thumbnailSize | number | 48 | |
leftIcon | string | 'fa fa-caret-left' | |
rightIcon | string | 'fa fa-caret-right' | |
scale | string | 'fill' | |
width | number | string | '420px' |
height | number | string | '360px' |
id | `ap-album-${uuid.v4()}` |
License
This software is released under the MIT License.