Grid

How to use

import { Grid } from '@ederzadravec@jade-ui'
...
<Grid container>                                // Row/Container
  <Grid size={{ md: 12 }}> CONTENT </Grid>      // Column
</Grid>

Props

container   bool      false         // Row/Container of columns
size        {}        { md: 12 }    // Size of column

Examples

input-1

input-2

input-3

input-4

input-5

input-6

<Grid container>
  <Grid size={{ md: 12 }}>
    <TextInput label="input-1" />
  </Grid>
  <Grid size={{ md: 6 }}>
    <TextInput label="input-2" />
  </Grid>
  <Grid size={{ md: 6 }}>
    <TextInput label="input-3" />
  </Grid>
  <Grid size={{ md: 4 }}>
    <TextInput label="input-4" />
  </Grid>
  <Grid size={{ md: 4 }}>
    <TextInput label="input-5" />
  </Grid>
  <Grid size={{ md: 4 }}>
    <TextInput label="input-6" />
  </Grid>
</Grid>

<Grid container>
  <Grid size={{ md: 12 }}>
    <TextInput label="input-1" />
  </Grid>
  <Grid size={{ md: 6 }}>
    <TextInput label="input-2" />
  </Grid>
  <Grid size={{ md: 6 }}>
    <TextInput label="input-3" />
  </Grid>
  <Grid size={{ md: 4 }}>
    <TextInput label="input-4" />
  </Grid>
  <Grid size={{ md: 4 }}>
    <TextInput label="input-5" />
  </Grid>
  <Grid size={{ md: 4 }}>
    <TextInput label="input-6" />
  </Grid>
</Grid>

Grid

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}How to use

Props

Examples

How to use