❤
npm
Sign UpSign In

apeman-react-album

3.0.6 • Public • Published

apeman-react-album

Build Status Code Climate Code Coverage npm Version JS Standard

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.

Links

Readme

Keywords

Package Sidebar

Install

npm i apeman-react-album

Repository

github.com/apeman-react-labo/apeman-react-album

Homepage

github.com/apeman-react-labo/apeman-react-album#readme

Weekly Downloads

1

Version

3.0.6

License

MIT

Last publish

Collaborators

  • okunishinishi
Try on RunKit
Report malware