5.2.0 • Published 5 years ago
@ds-kit/grid v5.2.0
title: "Grid" slug: "/packages/grid" category: "layout" componentNames:
- "Grid"
- "GridItem"
Grid
The Grid package contains a useful set of components relevant for layout work. It has helper components to create flex, as well as css-grid layouts.
import { Grid, GridItem } from "@ds-kit/grid"
Simple Example
The simplest example of a grid (using css grid) will look like this:
<Grid>
<GridItem gridColumn="span 4" bg="grey.25">
{"Column 1"}
</GridItem>
<GridItem gridColumn="span 4" bg="grey.25">
{"Column 2"}
</GridItem>
<GridItem gridColumn="span 4" bg="grey.25">
{"Column 3"}
</GridItem>
</Grid>
5.2.0
5 years ago
5.1.0
5 years ago
5.0.0
5 years ago
4.1.0
5 years ago
3.0.2
5 years ago
3.0.1
5 years ago
2.1.2
5 years ago
2.1.1
5 years ago
2.1.0
5 years ago
2.0.0
5 years ago
1.0.0
5 years ago
0.2.5
6 years ago
0.2.4
6 years ago
0.2.3
6 years ago
0.2.2
6 years ago
0.2.1
6 years ago
0.2.0
6 years ago
0.1.2
6 years ago
0.1.1
6 years ago