DetailView

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

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

Vue component: DetailView

Slot	Default classes	Description
root		Outer wrapper. Layout-only; PageTitle, the StickyBar, and the body below own the visible chrome, so this stays empty by default. The class prop merges here.
body	px-5 py-5	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 controls and PageTitle title above it so the page chrome reads as a continuous column. Merge extra classes here via themeOverride (or setTheme).
recordName	mb-4 text-lg font-semibold leading-tight break-words	Heading at the top of the body that names the record by its formatted name, above the form. It scrolls with the body rather than sticking with the page title, so a long name wraps instead of growing the sticky header.
recordNameSkeleton	mb-4 h-[22px] w-64 max-w-full	Placeholder shown in place of DetailView.recordName while the record is loading. Sized to one line of the heading.

root

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

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

body

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 controls and PageTitle title above it so the page chrome reads as a continuous column. Merge extra classes here via themeOverride (or setTheme).

Default classes:

px-5 py-5

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

recordName

Heading at the top of the body that names the record by its formatted name, above the form. It scrolls with the body rather than sticking with the page title, so a long name wraps instead of growing the sticky header.

Default classes:

mb-4 text-lg font-semibold leading-tight break-words

Source: client/lib/theme/vueda-tailwind/views/DetailView.theme.js:26

recordNameSkeleton

Placeholder shown in place of DetailView.recordName while the record is loading. Sized to one line of the heading.

Default classes:

mb-4 h-[22px] w-64 max-w-full

Source: client/lib/theme/vueda-tailwind/views/DetailView.theme.js:30