Grid is a wrap of item boxes.
The Grid component uses the CSS Grid feature, so the compatibility standard is iOS Safari >=
10.3and Chrome >=57.
<Grid>
<Grid.Item><PlaceHolder /></Grid.Item>
</Grid><Grid>
<Grid.Item><PlaceHolder /></Grid.Item>
</Grid>
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 | - |