Apeman-react-info NPM

apeman-react-info

apeman react package for info components.

Installation

$ npm install apeman-react-info --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {ApInfo, ApInfoStyle} from 'apeman-react-info'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApInfoStyle/>
        <ApInfo>
          <ApInfoHeader>hogehoge</ApInfoHeader>
          <ApInfoBody>
            <ApInfoItem label="foo" value="bar"/>
            <ApInfoItem label="foo2" value="bar2"/>
          </ApInfoBody>
        </ApInfo>
      </div>
    )
  }
})

Components

ApInfoBody

Props

Name	Type	Default	Description

ApInfoCollapsibleItem

Props

Name	Type
label	string	Label text
value	string	Value text
unit	string	Unit suffix
onToggle	func	Callback for toggle

ApInfoDisclosableItem

Props

Name	Type	Default	Description
label	string
value	string
unit	string

ApInfoFooter

Props

Name	Type	Default	Description

ApInfoHeader

Props

Name	Type	Default	Description

ApInfoItem

Props

Name	Type	Default	Description
label	string	null
value	string	number	node	null
unit	string	null
icon	string	null
link	string	func	null
linkText	string	null

ApInfoStyle

Props

Name	Type	Default
style	object	{}
highlightColor	string	ApStyle.DEFAULT_HIGHLIGHT_COLOR
backgroundColor		ApStyle.DEFAULT_BACKGROUND_COLOR
maxWidth		ApStyle.CONTENT_WIDTH
rowHeight		ApStyle.ROW_HEIGHT