1.0.24 • Published 7 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-componentImport 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
7 years ago
1.0.23
7 years ago
1.0.22
7 years ago
1.0.21
7 years ago
1.0.20
7 years ago
1.0.19
7 years ago
1.0.18
7 years ago
1.0.16
7 years ago
1.0.15
7 years ago
1.0.14
7 years ago
1.0.13
7 years ago
1.0.12
8 years ago
1.0.11
8 years ago
1.0.10
8 years ago
1.0.9
8 years ago
1.0.8
8 years ago
1.0.7
8 years ago
1.0.6
8 years ago
1.0.5
8 years ago
1.0.4
8 years ago
1.0.3
8 years ago
1.0.2
8 years ago
1.0.1
8 years ago
1.0.0
8 years ago