---
type: "Components"
category: "Form"
parent: "Form"
title: "Layout"
date: "2030-05-05"
---

## Row

Use **component utility** to assign [row spacing](/components/row/content#space).

Use **Tailwind CSS** to assign column size (e.g. [width](https://tailwindcss.com/docs/width)).

<demo>
  <demoinline src="demos/components/form/mode-row">
  </demoinline>
</demo>

## Inline Row

Inline Row mode with `w-auto`.

<demo>
  <demoinline src="demos/components/form/mode-inline-row">
  </demoinline>
</demo>

## Horizontal

Use **component utility** to assign [row spacing](/components/row/content#space).

Use **Tailwind CSS** to assign column size (e.g. [width](https://tailwindcss.com/docs/width)).

<demo>
  <demoinline src="demos/components/form/mode-horizontal">
  </demoinline>
</demo>

## Inline Horizontal

Inline Horizontal mode with `w-auto`.

<demo>
  <demoinline src="demos/components/form/mode-inline-horizontal">
  </demoinline>
</demo>
