README
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 | ||
value | string | ||
unit | string | ||
onToggle | func |
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 |
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.