apeman-react-list/example/example-usage.jsx

apeman react package for list component.

'use strict'

import React from 'react'
import {
  ApList,
  ApListItem,
  ApListItemText,
  ApListItemArrowIcon,
  ApListStyle
} from 'apeman-react-list'

const ExampleComponent = React.createClass({
  render () {
    const s = this
    return (
      <div>
        <ApListStyle />
        <ApList>
          <ApListItem onTap={ (e) => { s.handleTap(e, 1) } }>
            <ApListItemText>Item 01</ApListItemText>
            <ApListItemArrowIcon />
          </ApListItem>
          <ApListItem onTap={ (e) => { s.handleTap(e, 2) } }>
            <ApListItemText>Item 02</ApListItemText>
            <ApListItemArrowIcon />
          </ApListItem>
        </ApList>
      </div>
    )
  },
  handleTap () {

  }
})