3.0.3 • Published 9 years ago
apeman-react-grid v3.0.3
apeman-react-grid
apeman react package for grid display.
Installation
$ npm install apeman-react-grid --saveDemo
Live demo is hosted on GitHub Pages.
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 | Item title text | |
| text | string | null | Item context text | |
| width | number | null | Item width | |
| height | number | null | item height | |
| selected | bool | false | Selected or not |
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
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
10 years ago
2.0.4
10 years ago
2.0.3
10 years ago
2.0.2
10 years ago
2.0.1
10 years ago
2.0.0
10 years ago
1.0.5
10 years ago
1.0.4
10 years ago
1.0.3
10 years ago
1.0.2
10 years ago
1.0.1
10 years ago
1.0.0
10 years ago
