---
url: "https://vueda.dev/v3/reference/theming/keys/ViewCreate.md"
title: "ViewCreate"
---

# ViewCreate

Source: `client/lib/theme/vueda-tailwind/views/index.js`

> Outer wrapper. Layout-only; PageTitle, the StickyBar, and the form body below own the visible chrome, so this stays empty by default. The `class` prop merges here.

Vue component: [ViewCreate](/v3/reference/api/vue/ViewCreate.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/ViewCreate.md#theme-key-ViewCreate-root) |  | Outer wrapper. Layout-only; PageTitle, the StickyBar, and the form body below own the visible chrome, so this stays empty by default. The `class` prop merges here. |
| [body](/v3/reference/theming/keys/ViewCreate.md#theme-key-ViewCreate-body) | `px-5 py-5` | Form body region wrapping the error display and the generated form. `px-5 py-5` sets the content gutter; the horizontal `px-5` aligns the form's left edge with the [StickyBar](/v3/reference/theming/keys/StickyBar.md) controls and [PageTitle](/v3/reference/theming/keys/PageTitle.md) title above it so the page chrome reads as a continuous column. |

<a id="theme-key-ViewCreate-root"></a>

## root

> Outer wrapper. Layout-only; PageTitle, the StickyBar, and the form body below own the visible chrome, so this stays empty by default. The `class` prop merges here.

Source: `client/lib/theme/vueda-tailwind/views/ViewCreate.theme.js:18`

<a id="theme-key-ViewCreate-body"></a>

## body

> Form body region wrapping the error display and the generated form. `px-5 py-5` sets the content gutter; the horizontal `px-5` aligns the form's left edge with the [StickyBar](/v3/reference/theming/keys/StickyBar.md) controls and [PageTitle](/v3/reference/theming/keys/PageTitle.md) title above it so the page chrome reads as a continuous column.

Default classes:

`px-5 py-5`

Source: `client/lib/theme/vueda-tailwind/views/ViewCreate.theme.js:22`