1.0.24 • Published 6 years ago
library-grid-component v1.0.24
Grid Component
Grid component for React
Install and save component as a dependency
npm install --save library-grid-component
Import component into your app
import Grid from 'library-grid-component'
Create an array of objects with the key being data
const gridData = [
{ data: 'Item' },
{ data: 'Item' },
{ data: 'Item' }
]
Render the component with the object array we created as well as any other props that are needed
render () {
const gridData = [
{ data: 'Item' },
{ data: 'Item' },
{ data: 'Item' }
]
return (
<GridComponent
gridData={gridData}
gridItemMinWidth="100"
gridItemLayout="1x1"
gridItemColour="#262626"
gridItemFill="#ffffff"
gridItemShadow={true}
gridItemBorder={false}
gridItemBorderRadius="5"
gridItemAlignment="center" />
)
}
Prop | Values |
---|---|
gridData | Object |
gridItemMinWidth | Min width for each item |
gridItemLayout | 1x1, 2x1, 3x1, 4x1 |
gridItemColour | HEX colour code |
gridItemFill | HEX colour code |
gridItemShadow | true or false |
gridItemBorder | true or false |
gridItemBorderColour | HEX colour code |
gridItemBorderRadius | Pixels |
gridItemAlignment | left, right, center |
1.0.24
6 years ago
1.0.23
6 years ago
1.0.22
6 years ago
1.0.21
6 years ago
1.0.20
6 years ago
1.0.19
6 years ago
1.0.18
6 years ago
1.0.16
6 years ago
1.0.15
6 years ago
1.0.14
6 years ago
1.0.13
6 years ago
1.0.12
6 years ago
1.0.11
6 years ago
1.0.10
6 years ago
1.0.9
6 years ago
1.0.8
6 years ago
1.0.7
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.4
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago