1.0.24 • Published 6 years ago

library-grid-component v1.0.24

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

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" />
	)
}
PropValues
gridDataObject
gridItemMinWidthMin width for each item
gridItemLayout1x1, 2x1, 3x1, 4x1
gridItemColourHEX colour code
gridItemFillHEX colour code
gridItemShadowtrue or false
gridItemBordertrue or false
gridItemBorderColourHEX colour code
gridItemBorderRadiusPixels
gridItemAlignmentleft, 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