apeman-react-info

3.0.7 • Public • Published

apeman-react-info

Build Status Code Climate Code Coverage npm Version JS Standard

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.

Links

Package Sidebar

Install

npm i apeman-react-info

Weekly Downloads

8

Version

3.0.7

License

MIT

Last publish

Collaborators

  • okunishinishi