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>
<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 | - |