WidgetReadOnly

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

The root has no chrome because read-mode rows are owned by the field shell.

Vue component: WidgetReadOnly

Slot	Default classes	Description
root		The root has no chrome because read-mode rows are owned by the field shell.
inner	callback	The inner wrapper collapses when hidden and stacks visible read-only content.
input	ml-2	The input slot indents read-only control fragments to align with editable widgets.
value	text-[13px]/[1.5] text-foreground	The value text uses the read-mode record recipe.
linkItem		A linked value item carries link content without adding extra chrome.
textItem		A plain value item mirrors WidgetReadOnly.linkItem without link behavior.
linkItemPrefix		Prefix content before linked values stays visually neutral.
textItemPrefix		Prefix content before plain values follows WidgetReadOnly.linkItemPrefix.
linkItemSuffix		Suffix content after linked values stays visually neutral.
textItemSuffix		Suffix content after plain values follows WidgetReadOnly.linkItemSuffix.

root

The root has no chrome because read-mode rows are owned by the field shell.

Source: client/lib/theme/vueda-tailwind/widgets/WidgetReadOnly.theme.js:18

inner

The inner wrapper collapses when hidden and stacks visible read-only content.

Callback:

({ hidden }) => ({
                "flex flex-col": !hidden,
            })

Source: client/lib/theme/vueda-tailwind/widgets/WidgetReadOnly.theme.js:20

input

The input slot indents read-only control fragments to align with editable widgets.

Default classes:

ml-2

Source: client/lib/theme/vueda-tailwind/widgets/WidgetReadOnly.theme.js:26

value

The value text uses the read-mode record recipe.

Default classes:

text-[13px]/[1.5] text-foreground

Source: client/lib/theme/vueda-tailwind/widgets/WidgetReadOnly.theme.js:30

linkItem

A linked value item carries link content without adding extra chrome.

Source: client/lib/theme/vueda-tailwind/widgets/WidgetReadOnly.theme.js:34

textItem

A plain value item mirrors WidgetReadOnly.linkItem without link behavior.

Source: client/lib/theme/vueda-tailwind/widgets/WidgetReadOnly.theme.js:38

linkItemPrefix

Prefix content before linked values stays visually neutral.

Source: client/lib/theme/vueda-tailwind/widgets/WidgetReadOnly.theme.js:42

textItemPrefix

Prefix content before plain values follows WidgetReadOnly.linkItemPrefix.

Source: client/lib/theme/vueda-tailwind/widgets/WidgetReadOnly.theme.js:46

linkItemSuffix

Suffix content after linked values stays visually neutral.

Source: client/lib/theme/vueda-tailwind/widgets/WidgetReadOnly.theme.js:50

textItemSuffix

Suffix content after plain values follows WidgetReadOnly.linkItemSuffix.

Source: client/lib/theme/vueda-tailwind/widgets/WidgetReadOnly.theme.js:54