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

# ViewNotFound

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

> Centering wrapper around the embedded [SystemMessageCard](/v3/reference/theming/keys/SystemMessageCard.md). The card chassis is fixed-width, so a flex parent is required for it to sit in the middle of the viewport. Mirrors [ViewLoading.root](/v3/reference/theming/keys/ViewLoading.md#theme-key-ViewLoading-root).

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/ViewNotFound.md#theme-key-ViewNotFound-root) | `flex min-h-full items-center justify-center p-8` | Centering wrapper around the embedded [SystemMessageCard](/v3/reference/theming/keys/SystemMessageCard.md). The card chassis is fixed-width, so a flex parent is required for it to sit in the middle of the viewport. Mirrors [ViewLoading.root](/v3/reference/theming/keys/ViewLoading.md#theme-key-ViewLoading-root). |
| [blurb](/v3/reference/theming/keys/ViewNotFound.md#theme-key-ViewNotFound-blurb) | `text-[13px] leading-[1.5] text-muted-foreground` | Explanatory paragraph rendered beneath the crest when the `blurb` slot is not overridden. 13 px / muted-foreground so it reads as supporting copy beside the card title. |

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

## root

> Centering wrapper around the embedded [SystemMessageCard](/v3/reference/theming/keys/SystemMessageCard.md). The card chassis is fixed-width, so a flex parent is required for it to sit in the middle of the viewport. Mirrors [ViewLoading.root](/v3/reference/theming/keys/ViewLoading.md#theme-key-ViewLoading-root).

Default classes:

`flex min-h-full items-center justify-center p-8`

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

<a id="theme-key-ViewNotFound-blurb"></a>

## blurb

> Explanatory paragraph rendered beneath the crest when the `blurb` slot is not overridden. 13 px / muted-foreground so it reads as supporting copy beside the card title.

Default classes:

`text-[13px] leading-[1.5] text-muted-foreground`

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