3.0.3 • Published 9 years ago

apeman-react-grid v3.0.3

Weekly downloads
2
License
MIT
Repository
github
Last release
9 years ago

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

NameTypeDefaultDescription
titlestringnullItem title text
textstringnullItem context text
widthnumbernullItem width
heightnumbernullitem height
selectedboolfalseSelected or not

ApGridStyle

Props

NameTypeDefaultDescription
styleobject{}
itemSizenumber82
highlightColorstringApStyle.DEFAULT_HIGHLIGHT_COLOR
detailColor'#444'
backgroundColorApStyle.DEFAULT_BACKGROUND_COLOR

ApGrid

Props

NameTypeDefaultDescription
selectedIndexnumber-1
detailnodenull
animationDurationnumber300

License

This software is released under the MIT License.

Links

3.0.3

9 years ago

3.0.2

9 years ago

3.0.1

9 years ago

3.0.0

9 years ago

2.0.10

9 years ago

2.0.9

9 years ago

2.0.8

9 years ago

2.0.7

9 years ago

2.0.6

9 years ago

2.0.5

9 years ago

2.0.4

9 years ago

2.0.3

9 years ago

2.0.2

9 years ago

2.0.1

9 years ago

2.0.0

9 years ago

1.0.5

9 years ago

1.0.4

9 years ago

1.0.3

9 years ago

1.0.2

9 years ago

1.0.1

9 years ago

1.0.0

9 years ago