Grid

Interface of Grid
🏗 Coming Soon

<Grid /> provides a simple implementation of the CSS Grid.

Default

Out-of-the-box the Grid has two columns with a "medium" gap between grid cells.

A
B
C
D

Columns

Use the columns prop to specify the number of columns to display.

A
B
C
D
A
B
C
D

Gap

Specify gap to change the distance between grid cells (defaults to medium)

A
B
A
B