apeman-react-catalog

apeman react package for catalog components

Usage no npm install needed!

<script type="module">
  import apemanReactCatalog from 'https://cdn.skypack.dev/apeman-react-catalog';
</script>

README

apeman-react-catalog

Build Status Code Climate Code Coverage npm Version JS Standard

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