apeman-react-grid
apeman react package for grid display.
Last updated a year ago by okunishinishi .
MIT · Repository · Bugs · Original npm · Tarball
$ cnpm install apeman-react-grid 
SYNC missed versions from official npm registry.

apeman-react-grid

Build Status Code Climate Code Coverage npm Version JS Standard

apeman react package for grid display.

Installation

$ npm install apeman-react-grid --save

Demo

Live demo is hosted on GitHub Pages.

Demo Image

Usage

'use strict'

import React from 'react'
import {ApGrid, ApGridItem, ApGridStyle} from 'apeman-react-grid'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApGridStyle></ApGridStyle>
        <ApGrid>
          <ApGridItem text="foo"></ApGridItem>
          <ApGridItem text="bar"></ApGridItem>
          <ApGridItem text="baz"></ApGridItem>
        </ApGrid>
      </div>
    )
  }
})


Components

ApGridItem

Props

Name Type Default Description
title string null
text string null
width number null
height number null
selected bool false

ApGridStyle

Props

Name Type Default Description
style object {}
itemSize number 82
highlightColor string ApStyle.DEFAULT_HIGHLIGHT_COLOR
detailColor '#444'
backgroundColor ApStyle.DEFAULT_BACKGROUND_COLOR

ApGrid

Props

Name Type Default Description
selectedIndex number -1
detail node null
animationDuration number 300

License

This software is released under the MIT License.

Links

Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 0
Last Month 0
Dev Dependencies (25)

Copyright 2014 - 2017 © taobao.org |