Grid

Use this component to create grid layouts.

import { Grid } from '@marvelapp/ui';

<Grid gridTemplateColumns="auto auto auto auto" gridGap={2}>
  <Box>1</Box>
  <Box>2</Box>
  <Box>3</Box>
  <Box>4</Box>
</Grid>

Props

The <Grid> component is identical to the <Box> component. If you change display to anything other than grid it’s wise to just use <Box> instead.

See Box for all the available properties.