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 | Default | Description | | ---- | ---- | ------- | ----------- | | 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 | Description | | ---- | ---- | ------- | ----------- | | style | object | {} | | | | highlightColor | string | ApStyle.DEFAULT_HIGHLIGHT_COLOR | | | | backgroundColor | | ApStyle.DEFAULT_BACKGROUND_COLOR | | | | maxWidth | | ApStyle.CONTENT_WIDTH | | | | rowHeight | | ApStyle.ROW_HEIGHT | | |

ApInfo

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | pullLeft | bool | | | | | pullRight | bool | | | |

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React