apeman-react-view

apeman react package for view components.

Installation

$ npm install apeman-react-view --save

Demo

Live demo is hosted on GitHub Pages.

Usage

'use strict'

import React from 'react'
import {
  ApView, ApViewStyle,
  ApViewHeader, ApViewBody, ApViewFooter
} from 'apeman-react-view'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApViewStyle/>
        <ApView >
          <ApViewHeader></ApViewHeader>
          <ApViewBody></ApViewBody>
          <ApViewFooter></ApViewFooter>
        </ApView>
      </div>
    )
  }
})

Components

ApViewBody

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

ApViewFooter

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | fixed | bool | false | | Fixed to bottom |

ApViewHeaderButton

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | text | string | null | | Text of button | | icon | string | null | | Text of icon |

ApViewHeaderTitle

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

ApViewHeader

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

ApViewSidebar

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | enabled | bool | false | | Shows sidebar | | onClose | func | | | Handler for close | | transitionTimeout | number | 400 | | Duration for transition |

ApViewStackStyle

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | style | object | {} | | | | transitionDuration | number | 400 | | |

ApViewStack

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

ApViewStyle

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

ApView

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- |

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React