Skip to content
/ grid Public

Grid System as a React component based on Flexbox Grid

Notifications You must be signed in to change notification settings

nordnet/grid

Repository files navigation

grid

NPM version Build Coveralls Status Dependency Status

Grid system

Install

npm install --save @nordnet/grid
# or
yarn add @nordnet/grid

Usage

import React from 'react';
import { Grid, Row, Col } from '@nordnet/grid';

const App = () => (
  <Grid>
    <Row>
      <Col xs={12} sm={8} md={6} lg={4}>
        GRID
      </Col>
    </Row>
  </Grid>
)

export default App;

See more at https://nordnet.github.io/grid/

Example (docs)

(yarn is interchangable with npm in this example)

yarn run docs:install
# then
yarn run docs:start

License

MIT © Nordnet Bank AB