apeman-react-list

    3.0.2 • Public • Published

    apeman-react-list

    Build Status Code Climate Code Coverage npm Version JS Standard

    apeman react package for list component.

    Installation

    $ npm install apeman-react-list --save

    Demo

    Live demo is hosted on GitHub Pages.

    Demo Image

    Usage

    '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 () {
     
      }
    })
     

    Components

    ApListBarMessage

    Props

    Name Type Default Description

    ApListBar

    Props

    Name Type Default Description

    ApListBody

    Props

    Name Type Default Description

    ApListFooter

    Props

    Name Type Default Description
    spinning bool false
    spinner string ApSpinner.DEFAULT_THEME

    ApListHeader

    Props

    Name Type Default Description

    ApListItemArrowIcon

    Props

    Name Type Default Description
    direction enum 'right'

    ApListItemIcon

    Props

    Name Type Default Description

    ApListItemImage

    Props

    Name Type Default Description
    src string null
    alt string null
    scale enum 'fill'
    width number string null
    height number string null

    ApListItemText

    Props

    Name Type Default Description

    ApListItem

    Props

    Name Type Default Description

    ApListMoreButton

    Props

    Name Type Default Description
    text string 'Load More'
    enabled bool false

    ApListStyle

    Props

    Name Type Default Description

    ApList

    Props

    Name Type Default Description
    spinning bool false
    spinner string ApSpinner.DEFAULT_THEME
    minHeight number null
    empty bool false
    alt string 'Not data found'

    License

    This software is released under the MIT License.

    Links

    Install

    npm i apeman-react-list

    DownloadsWeekly Downloads

    54

    Version

    3.0.2

    License

    MIT

    Last publish

    Collaborators

    • okunishinishi