Skip to content

Latest commit

 

History

History
50 lines (38 loc) · 1.3 KB

README.md

File metadata and controls

50 lines (38 loc) · 1.3 KB
Raw

Layout

See the demo component here

Usage

Below, an example of using Grid, GridInner and GridCell components:

import { Grid, GridInner, GridCell } from 'mdwrapper';

const Demo = () => (
  <Grid style={{ margin: '1rem' }}>
    <GridInner>
      <GridCell col={6} style={{ padding: '1rem' }}>
        Hello
      </GridCell>
      <GridCell col={6} style={{ padding: '1rem' }}>
        World
      </GridCell>
    </GridInner>
  </Grid>
);

Props

List of all properties for the Grid component:

Prop Type Default Description
children object - Node Content
hAlign string - Horizontal Alignment: ('left' & 'right')
style object {} Overrides Style

List of all properties for the GridInner component:

Prop Type Default Description
children object - Node Content
style object {} Overrides Style

List of all properties for the GridCell component:

Prop Type Default Description
children object - Node Content
col number 4 Bootstrap Columns
style object {} Overrides Style
vAlign string - Vertical Alignment: ('top', 'middle' & 'bottom')