apeman-react-catalog

apeman react package for catalog components

Installation

$ npm install apeman-react-catalog --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {ApCatalog, ApCatalogItem, ApCatalogItemSummary, ApCatalogItemDetail, ApCatalogStyle} from 'apeman-react-catalog'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApCatalogStyle/>
        <ApCatalog>
          <ApCatalogItem>
            <ApCatalogItemSummary>
              <h1>Summary of item 01</h1>
            </ApCatalogItemSummary>
            <ApCatalogItemDetail>
              <p>This is the detail of item 01</p>
            </ApCatalogItemDetail>
          </ApCatalogItem>
          <ApCatalogItem>
            <ApCatalogItemSummary>
              <h1>Summary of item 02</h1>
            </ApCatalogItemSummary>
            <ApCatalogItemDetail>
              <p>This is the detail of item 02</p>
            </ApCatalogItemDetail>
          </ApCatalogItem>
        </ApCatalog>
      </div>
    )
  }
})

Components

ApCatalogItemDetail

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | open | bool | false | | | | at | enum | null | | |

ApCatalogItemSummary

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

ApCatalogItem

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

ApCatalogStyle

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | style | object | {} | | | | highlightColor | string | ApStyle.DEFAULT_HIGHLIGHT_COLOR | | | | backgroundColor | | ApStyle.DEFAULT_BACKGROUND_COLOR | | | | transitionDuration | | 500 | | |

ApCatalog

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React