ViewRead

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.

Vue component: ViewRead

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.
body	px-5 py-5	Body region wrapping the error display and the read-only field layout. px-5 py-5 sets the content gutter; the horizontal px-5 aligns the body's left edge with the StickyBar controls and PageTitle title above it so the page chrome reads as a continuous column. Inherited $attrs (including a consumer-supplied class) merge here.
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 read-only fields. 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 ViewRead.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.

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

body

Body region wrapping the error display and the read-only field layout. px-5 py-5 sets the content gutter; the horizontal px-5 aligns the body's left edge with the StickyBar controls and PageTitle title above it so the page chrome reads as a continuous column. Inherited $attrs (including a consumer-supplied class) merge here.

Default classes:

px-5 py-5

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

recordName

Heading at the top of the body that names the record by its formatted name, above the read-only fields. 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/ViewRead.theme.js:26

recordNameSkeleton

Placeholder shown in place of ViewRead.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/ViewRead.theme.js:30