Skip to content

ViewUpdate ​

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: ViewUpdate

SlotDefault classesDescription
rootOuter 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.
bodypx-5 py-5Form 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).
recordNamemb-4 text-lg font-semibold leading-tight break-wordsHeading 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.
recordNameSkeletonmb-4 h-[22px] w-64 max-w-fullPlaceholder shown in place of ViewUpdate.recordName while the record is loading. Sized to one line of the heading.

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/ViewUpdate.theme.js:18

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 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/ViewUpdate.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/ViewUpdate.theme.js:26

recordNameSkeleton ​

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