---
id: grid
title: Grid
---

# Grid

## How to use

Grid component is a  layout system that allows you to design complex web page layouts with rows and columns.

<code src="@digigov/ui/src/layouts/Grid/__stories__/Default.tsx" />

### Responsive spacing Grid

<code src="@digigov/ui/src/layouts/Grid/__stories__/ResponsiveSpacing.tsx" />

### Inline Grid

<code src="@digigov/ui/src/layouts/Grid/__stories__/Inline.tsx" />

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={["Grid"]} />