---
id: basic
title: Basic Layout
---

# Layout

The Layout component is used in combination with the Top, Side, Main,
Content and Bottom components.

## How to use

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

### Two thirds one third columns layout

<code src="@digigov/ui/src/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.tsx" />

### Multiple rows layout

<code src="@digigov/ui/src/layouts/Basic/__stories__/MultipleRowsLayout.tsx" />

## API

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

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