Grid

Grid is a wrap of item boxes.

The Grid component uses the CSS Grid feature, so the compatibility standard is iOS Safari >= 10.3 and Chrome >= 57.

<Grid>
  <Grid.Item>
    <PlaceHolder />
  </Grid.Item>
</Grid>

Example

Basic usage of Grid component.

Properties	Description	Type	Default
columns	The number of columns	`number`	-
gap	The spacing between grids	`number \| string \| [number \| string, number \| string]`	`0`

Properties	Description	Type	Default
span	The item span	`number`	`1`
onClick	The click event	`(event: React.MouseEvent) => void`	-

ON THIS PAGE