Skip to content

Commit

Permalink
fix: upgrade packages
Browse files Browse the repository at this point in the history
  • Loading branch information
hvolschenk committed Apr 27, 2018
1 parent 823f4d8 commit 878ff6b
Show file tree
Hide file tree
Showing 3 changed files with 87 additions and 17 deletions.
64 changes: 63 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,64 @@
# layout-grid
# MaterialR Layout Grid

**@materialr/layout-grid**

[![Build Status](https://travis-ci.org/materialr/layout-grid.svg?branch=master)](https://travis-ci.org/materialr/layout-grid)
[![Coverage Status](https://coveralls.io/repos/github/materialr/layout-grid/badge.svg?branch=master)](https://coveralls.io/github/materialr/layout-grid?branch=master)
[![NSP Status](https://nodesecurity.io/orgs/materialr/projects/d3a8ad77-7157-4ed0-b920-17b8fcc781a5/badge)](https://nodesecurity.io/orgs/materialr/projects/d3a8ad77-7157-4ed0-b920-17b8fcc781a5)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

Material layout grid implementation for React

## Installation

```sh
$ npm install --save @materialr/layout-grid
```

## Demo

A full demo is available on the
[MaterialR website](https://materialr.github.io/components/layout-grid) showcasing all variants.

## Components

### Named exports

```js
import { Cell } from '@materialr/layout-grid';
```

**Props**

| Prop | Type | Required | Default | Description |
| ----------- | ------------------------ | -------- | --------- | -------------------------------------------------- |
| `align` | enum (bottom/middle/top) | No | undefined | The vertical alignment of contents within the cell |
| `children` | node | No | undefined | The children to render within the cell |
| `className` | string | No | undefined | Additional classNames to add to the cell |
| `columns` | enum (1-12) | No | undefined | The column width of the cell |
| `desktop` | enum (1-12) | No | undefined | The column width of the cell on desktop |
| `phone` | enum (1-4) | No | undefined | The column width of the cell on phone |
| `tablet` | enum (1-8) | No | undefined | The column width of the cell on tablet |

```js
import { Grid } from '@materialr/layout-grid';
```

**Props**

| Prop | Type | Required | Default | Description |
| ----------- | ----------------- | -------- | --------- | ---------------------------------------------------- |
| `align` | enum (left/right) | No | undefined | The horizontal alignment of contents within the grid |
| `children` | node | Yes | undefined | The children to render within the grid |
| `className` | string | No | undefined | Additional classNames to add to the grid |

```js
import { Row } from '@material/layout-grid';
```

**Props**

| Prop | Type | Required | Default | Description |
| ----------- | ------ | -------- | --------- | --------------------------------------- |
| `children` | node | Yes | undefined | The children to render within the row |
| `className` | string | No | undefined | Additional classNames to add to the row |
34 changes: 21 additions & 13 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,11 @@
"@material/layout-grid": "^0.34.0",
"classnames": "^2.2.5",
"prop-types": "^15.6.1",
"react": "^16.3.1"
"react": "^16.3.2"
},
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.0",
"babel-core": "^6.26.3",
"babel-jest": "^22.4.3",
"babel-preset-env": "^1.6.0",
"babel-preset-react": "^6.24.1",
Expand All @@ -51,7 +51,7 @@
"eslint-plugin-react": "^7.7.0",
"jest": "^22.4.3",
"nsp": "^3.2.1",
"react-dom": "^16.3.1",
"react-dom": "^16.3.2",
"semantic-release": "^15.1.7"
}
}

0 comments on commit 878ff6b

Please sign in to comment.